<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[
]]></b:skin>
    <b:include data='blog' name='google-analytics'/>
 <b:if cond='data:blog.pageType != &quot;index&quot;'>

<style>
body{background:#fff url() repeat center;font:15px Courier New,Courier,monospace;color:#000;margin:0;
}
.menu ul {
background: #000;
width: auto;
margin: 0;
margin-top: -20px;
font-size: 16px;
text-align: right;
text-transform: uppercase;
border-top: 2px solid #C4CDE0;
border-bottom: 2px solid #C4CDE0;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
list-style-type: none;
}
.menu li{background:#000;display: inline;padding:5px;margin-right:10px;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;list-style-type:none;
}
.menu li a{color:#ddd;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;text-decoration:none;
}
.menu li:hover{background:#0080FF;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000,inset 0 0 5px #000;-webkit-box-shadow:0 0 10px #000,inset 0 0 5px #000;box-shadow:0 0 10px #000,inset 0 0 5px #000;list-style-type:none;
}
.menu a:hover{color:#ddd;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;padding-right:20px;
}
.menu a:active{color:#f00;background:#fc0;border:1px solid #ddd;border-radius:30px;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;padding:3px;
}
#weteng-gede .widget .post-body ul{padding:0 1.5em;margin:.5em 0;
}
#weteng-gede .widget .post-body ul li{margin-bottom:.2em;
}
#weteng-gede .widget .post-body ul li{background:#ddd;list-style-type:square;border:1px solid;padding:5px;transition:all 2s ease-out;
}
#weteng-gede .widget .post-body ul li:hover{background:#fc0;list-style-type:disc;transition:all 0s ease-out;
}
#badan-besar{margin-top:20px;padding:0;
}
#weteng-gede{width:auto;margin:0 auto;padding:0;
}
h3{display:none;
}
a:visited,a:link{color:#000;text-decoration:none;ext-shadow:none;
}
a:hover{color:#fc0;text-decoration:line-through;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
#main .post-body{position:relative;padding:10px;border-bottom:1px solid;
}
.post-body img{padding:5px;border-radius:5px;border:1px solid #6E6E6E;box-shadow:6px 6px 3px #000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
.post-body img:hover{background:#000;border:1px solid #C4CDE0;
}
/*comment area*/
.comments,#comments{width:auto;margin:0 auto;padding:10px 20px 0 20px;border-top:1px solid;
}
#comments h4{font-size:14px;
}
.respons-share{margin-left:10px;
}
.share{background:#ddd;font-size:12px;color:#777;line-height:20px;position:relative;height:20px;margin:0 auto;padding:5px;border-radius:4px;box-shadow:inset 0 0 1px #000;
}
.share:before{content:&quot;&quot;;position:absolute;bottom:-30px;left:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:30px solid #ddd;
}
.comments-content .datetime a{padding-left:5px;margin-left:10px;border-left:1px solid #ddd;
}
.comments-content .datetime a:before{content:&quot;Says 0n : &quot;;
}
.comment-header{font-size:12px;position:relative;display:inline-block;padding:4px;background:rgba(0,0,0,.3);border-radius:4px;box-shadow:0 0 0 1px #555,inset 0 0 0 1px #ddd;
}
.comment-header:after{content:&quot;&quot;;position:absolute;bottom:-20px;left:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ddd;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments-content,.comment-thread ol li{width:auto;font-size:13px;color:#ddd;background:rgba(0,0,0,.5);padding:10px;border-radius:5px;border:1px ridge #ddd;box-shadow:0 0 0 1px #555,inset 0 0 0 1px #555,inset 0 0 20px #ddd;
}
.comment .comment-block p.comment-content{width:auto;background:rgba(999,999,999,.5);border-radius:4px;border:1px solid #ddd;box-shadow:inset 0 0 0 1px #555;padding:15px;font-size:13px;color:#333;z-index:-999;
}
.comments .comments-content .comment:last-child{width:auto;padding-bottom:2px;border:1px solid #ddd;box-shadow:inset 0 0 0 1px #555,inset 0 0 20px #ddd;
}
#threaded-comment-form{display:block;position:relative;opacity:0.6;
}
#comment-editor{height:233px;width:100%;margin:5px 0 0 0;border-radius:5px;border:1px solid #ddd;box-shadow:inset 0 0 10px #000,0 0 1px #000;background:url(https://sites.google.com/site/binkbenk77/loading-comment.png?attredirects=0) no-repeat center;background-size:10% 10%;
}
#comment-holder kode,#comment-holder i[rel=&quot;kode&quot;] {display:block;padding:10px;margin:5px auto;overflow:auto;font-size:11px;font-style:italic;text-align:left;background:#ccc;color:#000;border:1px solid #fff;box-shadow:0 0 1px 1px #555,inset 0 0 2px 1px #555;
}
#comment-holder .gambar{display:block;background:#bbb;border-radius:4px;border:2px solid #eee;box-shadow:0 0 0 1px #555,3px 4px 4px 3px #555,inset 0 0 0 1px #666;margin:5px auto;padding:1%;width:30%;height:30%;
}
#comment-holder .vrame{display:block;background:#ddd;border:4px double #555;margin:5px auto;padding:2px;width:95%;height:400px;overflow:auto;
}
#comment-holder .musik{display:block;background:#2E9AFE url(https://sites.google.com/site/binkbenk77/musiks.png) no-repeat center;background-size:30% 70%;border-radius:10px;border:4px ridge #ddd;margin:5px auto;width:50%;height:150px;
}
#comment-holder .vidio{display:block;background:#ccc;border:2px solid #eee;box-shadow:0 0 2px 2px #555,inset 0 0 1px 1px #555;margin:5px auto;padding:5px;width:70%;height:300px;
}
.comments .continue a,.comment-actions a{margin:0;display:inline;background:#555;border-radius:5px;font-size:12px;color:#ddd;padding:4px;border:1px solid #ddd;box-shadow:0 0 0 1px #555;
}
.comment-actions a:hover,.comments .continue a:hover{color:#fff;background:#a00;padding:4px 15px 4px 15px;
}
.avatar-image-container{border-radius:5px;border:3px ridge #ddd;
}
.cocot{width:auto;font-size:16px;margin:0 auto;text-align:center;background:rgba(0,0,0,.6);border-radius:5px;border:1px solid;box-shadow:inset 0 0 0 1px #999;
}
.cocot:hover{background:#fa0;color:#555;}.cocot:active{background:#a00;color:#ccc;}.cocot a:active{color:#ccc;
}
#blog-pager a {overflow:hidden;position:fixed;text-indent:-9999px;width:35px;height:35px;z-index:999999;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;top:93%;opacity:0.8;
}
.blog-pager-older-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/necs.png) no-repeat;right:5px;
}
.blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bacz.png) no-repeat;left:90%;
}
#blog-pager a:hover{opacity:0.1;
}
</style>
    </b:if>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
<link href='http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
<style>

span#blog-pager-older-link {
    background: white;
    padding: 13px;
    border-right: 5px solid rgb(4, 207, 101);
}
span#blog-pager-older-link:after {
    content: &quot;\f061&quot;;
    font-family: fontawesome;
    color: rgb(4, 170, 64);
}
span#blog-pager-older-link a {
    color: rgb(14, 165, 0);
}span#blog-pager-newer-link {
    background: white;  padding: 13px;  
    border-left: 5px solid rgb(4, 207, 101);
}
span#blog-pager-newer-link:before {
    content: &quot;\f060&quot;;  font-family: fontawesome;  
    color: rgb(4, 170, 64);
}
span#blog-pager-newer-link a {
    color: rgb(4, 170, 64);
}
/*! perfect-scrollbar - v0.4.5
* http://noraesae.github.com/perfect-scrollbar/ 
* Copyright (c) 2013 HyeonJe Jun; Licensed MIT */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{margin:.67em 0;font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}
mark{color:#000;background:#ff0}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:&quot;\201C&quot; &quot;\201D&quot; &quot;\2018&quot; &quot;\2019&quot;}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}
legend{padding:0;border:0}
button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=&quot;button&quot;],input[type=&quot;reset&quot;],input[type=&quot;submit&quot;]{cursor:pointer;-webkit-appearance:button}
button[disabled],html input[disabled]{cursor:default}
input[type=&quot;checkbox&quot;],input[type=&quot;radio&quot;]{padding:0;box-sizing:border-box}
input[type=&quot;search&quot;]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=&quot;search&quot;]::-webkit-search-cancel-button,input[type=&quot;search&quot;]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
@media print {
*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:&quot; (&quot; attr(href) &quot;)&quot;}
abbr[title]:after{content:&quot; (&quot; attr(title) &quot;)&quot;}
.ir a:after,a[href^=&quot;javascript:&quot;]:after,a[href^=&quot;#&quot;]:after{content:&quot;&quot;}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:2cm .5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.navbar{display:none}
.table td,.table th{background-color:#fff!important}
.btn &gt; .caret,.dropup &gt; .btn &gt; .caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table-bordered th,.table-bordered td{border:1px solid #ddd!important}
}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333333;background-color:#ffffff}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,input,select[multiple],textarea{background-image:none}
a{color:#428bca;text-decoration:none}
a:hover,a:focus{color:#2a6496;text-decoration:underline}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img{vertical-align:middle}
.img-responsive{display:block;height:auto;max-width:100%}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
p{margin:0 0 10px}
.lead{margin-bottom:20px;font-size:16.1px;font-weight:200;line-height:1.4}
@media (min-width: 768px) {
.lead{font-size:21px}
}
small{font-size:85%}
cite{font-style:normal}
.text-muted{color:#999999}
.text-primary{color:#428bca}
.text-warning{color:#c09853}
.text-danger{color:#b94a48}
.text-success{color:#468847}
.text-info{color:#3a87ad}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:&quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999999}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
h1 small,.h1 small{font-size:24px}
h2 small,.h2 small{font-size:18px}
h3 small,.h3 small,h4 small,.h4 small{font-size:14px}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none}
.list-inline &gt; li{display:inline-block;padding-right:5px;padding-left:5px}
dl{margin-bottom:20px}
dt,dd{line-height:1.428571429}
dt{font-weight:bold}
dd{margin-left:0}
@media (min-width: 768px) {
.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.dl-horizontal dd{margin-left:180px}
.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:&quot; &quot;}
.dl-horizontal dd:after{clear:both}
.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:&quot; &quot;}
.dl-horizontal dd:after{clear:both}
}
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999}
abbr.initialism{font-size:90%;text-transform:uppercase}
blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eeeeee}
blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}
blockquote p:last-child{margin-bottom:0}
blockquote small{display:block;line-height:1.428571429;color:#999999}
blockquote small:before{content:&#39;\2014 \00A0&#39;}
blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eeeeee;border-left:0}
blockquote.pull-right p,blockquote.pull-right small{text-align:right}
blockquote.pull-right small:before{content:&#39;&#39;}
blockquote.pull-right small:after{content:&#39;\00A0 \2014&#39;}
q:before,q:after,blockquote:before,blockquote:after{content:&quot;&quot;}
address{display:block;margin-bottom:20px;font-style:normal;line-height:1.428571429}
code,pre{font-family:Monaco,Menlo,Consolas,&quot;Courier New&quot;,monospace}
code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #cccccc;border-radius:4px}
pre.prettyprint{margin-bottom:20px}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0}
.pre-scrollable{max-height:340px;overflow-y:scroll}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container:before,.container:after{display:table;content:&quot; &quot;}
.container:after{clear:both}
.container:before,.container:after{display:table;content:&quot; &quot;}
.container:after{clear:both}
.row{margin-right:-15px;margin-left:-15px}
.row:before,.row:after{display:table;content:&quot; &quot;}
.row:after{clear:both}
.row:before,.row:after{display:table;content:&quot; &quot;}
.row:after{clear:both}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}
.col-xs-1{width:8.3333333333333%}
.col-xs-2{width:16.666666666667%}
.col-xs-3{width:25%}
.col-xs-4{width:33.333333333333%}
.col-xs-5{width:41.666666666667%}
.col-xs-6{width:50%}
.col-xs-7{width:58.333333333333%}
.col-xs-8{width:66.666666666667%}
.col-xs-9{width:75%}
.col-xs-10{width:83.333333333333%}
.col-xs-11{width:91.666666666667%}
.col-xs-12{width:100%}
@media (min-width: 768px) {
.container{max-width:750px}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}
.col-sm-1{width:8.3333333333333%}
.col-sm-2{width:16.666666666667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.333333333333%}
.col-sm-5{width:41.666666666667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.333333333333%}
.col-sm-8{width:66.666666666667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.333333333333%}
.col-sm-11{width:91.666666666667%}
.col-sm-12{width:100%}
.col-sm-push-1{left:8.3333333333333%}
.col-sm-push-2{left:16.666666666667%}
.col-sm-push-3{left:25%}
.col-sm-push-4{left:33.333333333333%}
.col-sm-push-5{left:41.666666666667%}
.col-sm-push-6{left:50%}
.col-sm-push-7{left:58.333333333333%}
.col-sm-push-8{left:66.666666666667%}
.col-sm-push-9{left:75%}
.col-sm-push-10{left:83.333333333333%}
.col-sm-push-11{left:91.666666666667%}
.col-sm-pull-1{right:8.3333333333333%}
.col-sm-pull-2{right:16.666666666667%}
.col-sm-pull-3{right:25%}
.col-sm-pull-4{right:33.333333333333%}
.col-sm-pull-5{right:41.666666666667%}
.col-sm-pull-6{right:50%}
.col-sm-pull-7{right:58.333333333333%}
.col-sm-pull-8{right:66.666666666667%}
.col-sm-pull-9{right:75%}
.col-sm-pull-10{right:83.333333333333%}
.col-sm-pull-11{right:91.666666666667%}
.col-sm-offset-1{margin-left:8.3333333333333%}
.col-sm-offset-2{margin-left:16.666666666667%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-4{margin-left:33.333333333333%}
.col-sm-offset-5{margin-left:41.666666666667%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-7{margin-left:58.333333333333%}
.col-sm-offset-8{margin-left:66.666666666667%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-10{margin-left:83.333333333333%}
.col-sm-offset-11{margin-left:91.666666666667%}
}
@media (min-width: 992px) {
.container{max-width:970px}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}
.col-md-1{width:8.3333333333333%}
.col-md-2{width:16.666666666667%}
.col-md-3{width:55%}
.col-md-4{width:33.333333333333%}
.col-md-5{width:41.666666666667%}
.col-md-6{width:50%}
.col-md-7{width:58.333333333333%}
.col-md-8{width:66.666666666667%}
.col-md-9{width:75%}
.col-md-10{width:83.333333333333%}
.col-md-11{width:91.666666666667%}
.col-md-12{width:100%}
.col-md-push-0{left:auto}
.col-md-push-1{left:8.3333333333333%}
.col-md-push-2{left:16.666666666667%}
.col-md-push-3{left:25%}
.col-md-push-4{left:33.333333333333%}
.col-md-push-5{left:41.666666666667%}
.col-md-push-6{left:50%}
.col-md-push-7{left:58.333333333333%}
.col-md-push-8{left:66.666666666667%}
.col-md-push-9{left:75%}
.col-md-push-10{left:83.333333333333%}
.col-md-push-11{left:91.666666666667%}
.col-md-pull-0{right:auto}
.col-md-pull-1{right:8.3333333333333%}
.col-md-pull-2{right:16.666666666667%}
.col-md-pull-3{right:25%}
.col-md-pull-4{right:33.333333333333%}
.col-md-pull-5{right:41.666666666667%}
.col-md-pull-6{right:50%}
.col-md-pull-7{right:58.333333333333%}
.col-md-pull-8{right:66.666666666667%}
.col-md-pull-9{right:75%}
.col-md-pull-10{right:83.333333333333%}
.col-md-pull-11{right:91.666666666667%}
.col-md-offset-0{margin-left:0}
.col-md-offset-1{margin-left:8.3333333333333%}
.col-md-offset-2{margin-left:16.666666666667%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-4{margin-left:33.333333333333%}
.col-md-offset-5{margin-left:41.666666666667%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-7{margin-left:58.333333333333%}
.col-md-offset-8{margin-left:66.666666666667%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-10{margin-left:83.333333333333%}
.col-md-offset-11{margin-left:91.666666666667%}
}
@media (min-width: 1200px) {
.container{max-width:1170px}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}
.col-lg-1{width:8.3333333333333%}
.col-lg-2{width:16.666666666667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.333333333333%}
.col-lg-5{width:41.666666666667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.333333333333%}
.col-lg-8{width:66.666666666667%}
.col-lg-9{width:75%}
.col-lg-10{width:83.333333333333%}
.col-lg-11{width:91.666666666667%}
.col-lg-12{width:100%}
.col-lg-push-0{left:auto}
.col-lg-push-1{left:8.3333333333333%}
.col-lg-push-2{left:16.666666666667%}
.col-lg-push-3{left:25%}
.col-lg-push-4{left:33.333333333333%}
.col-lg-push-5{left:41.666666666667%}
.col-lg-push-6{left:50%}
.col-lg-push-7{left:58.333333333333%}
.col-lg-push-8{left:66.666666666667%}
.col-lg-push-9{left:75%}
.col-lg-push-10{left:83.333333333333%}
.col-lg-push-11{left:91.666666666667%}
.col-lg-pull-0{right:auto}
.col-lg-pull-1{right:8.3333333333333%}
.col-lg-pull-2{right:16.666666666667%}
.col-lg-pull-3{right:25%}
.col-lg-pull-4{right:33.333333333333%}
.col-lg-pull-5{right:41.666666666667%}
.col-lg-pull-6{right:50%}
.col-lg-pull-7{right:58.333333333333%}
.col-lg-pull-8{right:66.666666666667%}
.col-lg-pull-9{right:75%}
.col-lg-pull-10{right:83.333333333333%}
.col-lg-pull-11{right:91.666666666667%}
.col-lg-offset-0{margin-left:0}
.col-lg-offset-1{margin-left:8.3333333333333%}
.col-lg-offset-2{margin-left:16.666666666667%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-4{margin-left:33.333333333333%}
.col-lg-offset-5{margin-left:41.666666666667%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-7{margin-left:58.333333333333%}
.col-lg-offset-8{margin-left:66.666666666667%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-10{margin-left:83.333333333333%}
.col-lg-offset-11{margin-left:91.666666666667%}
}
table{max-width:100%;background-color:transparent}
th{text-align:left}
.table{width:100%;margin-bottom:20px}
.table thead &gt; tr &gt; th,.table tbody &gt; tr &gt; th,.table tfoot &gt; tr &gt; th,.table thead &gt; tr &gt; td,.table tbody &gt; tr &gt; td,.table tfoot &gt; tr &gt; td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #dddddd}
.table thead &gt; tr &gt; th{vertical-align:bottom;border-bottom:2px solid #dddddd}
.table caption + thead tr:first-child th,.table colgroup + thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0}
.table tbody + tbody{border-top:2px solid #dddddd}
.table .table{background-color:#ffffff}
.table-condensed thead &gt; tr &gt; th,.table-condensed tbody &gt; tr &gt; th,.table-condensed tfoot &gt; tr &gt; th,.table-condensed thead &gt; tr &gt; td,.table-condensed tbody &gt; tr &gt; td,.table-condensed tfoot &gt; tr &gt; td{padding:5px}
.table-bordered{border:1px solid #dddddd}
.table-bordered &gt; thead &gt; tr &gt; th,.table-bordered &gt; tbody &gt; tr &gt; th,.table-bordered &gt; tfoot &gt; tr &gt; th,.table-bordered &gt; thead &gt; tr &gt; td,.table-bordered &gt; tbody &gt; tr &gt; td,.table-bordered &gt; tfoot &gt; tr &gt; td{border:1px solid #dddddd}
.table-bordered &gt; thead &gt; tr &gt; th,.table-bordered &gt; thead &gt; tr &gt; td{border-bottom-width:2px}
.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; td,.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; th{background-color:#f9f9f9}
.table-hover &gt; tbody &gt; tr:hover &gt; td,.table-hover &gt; tbody &gt; tr:hover &gt; th{background-color:#f5f5f5}
table col[class*=&quot;col-&quot;]{display:table-column;float:none}
table td[class*=&quot;col-&quot;],table th[class*=&quot;col-&quot;]{display:table-cell;float:none}
.table &gt; thead &gt; tr &gt; td.active,.table &gt; tbody &gt; tr &gt; td.active,.table &gt; tfoot &gt; tr &gt; td.active,.table &gt; thead &gt; tr &gt; th.active,.table &gt; tbody &gt; tr &gt; th.active,.table &gt; tfoot &gt; tr &gt; th.active,.table &gt; thead &gt; tr.active &gt; td,.table &gt; tbody &gt; tr.active &gt; td,.table &gt; tfoot &gt; tr.active &gt; td,.table &gt; thead &gt; tr.active &gt; th,.table &gt; tbody &gt; tr.active &gt; th,.table &gt; tfoot &gt; tr.active &gt; th{background-color:#f5f5f5}
.table &gt; thead &gt; tr &gt; td.success,.table &gt; tbody &gt; tr &gt; td.success,.table &gt; tfoot &gt; tr &gt; td.success,.table &gt; thead &gt; tr &gt; th.success,.table &gt; tbody &gt; tr &gt; th.success,.table &gt; tfoot &gt; tr &gt; th.success,.table &gt; thead &gt; tr.success &gt; td,.table &gt; tbody &gt; tr.success &gt; td,.table &gt; tfoot &gt; tr.success &gt; td,.table &gt; thead &gt; tr.success &gt; th,.table &gt; tbody &gt; tr.success &gt; th,.table &gt; tfoot &gt; tr.success &gt; th{background-color:#dff0d8;border-color:#d6e9c6}
.table-hover &gt; tbody &gt; tr &gt; td.success:hover,.table-hover &gt; tbody &gt; tr &gt; th.success:hover,.table-hover &gt; tbody &gt; tr.success:hover &gt; td{background-color:#d0e9c6;border-color:#c9e2b3}
.table &gt; thead &gt; tr &gt; td.danger,.table &gt; tbody &gt; tr &gt; td.danger,.table &gt; tfoot &gt; tr &gt; td.danger,.table &gt; thead &gt; tr &gt; th.danger,.table &gt; tbody &gt; tr &gt; th.danger,.table &gt; tfoot &gt; tr &gt; th.danger,.table &gt; thead &gt; tr.danger &gt; td,.table &gt; tbody &gt; tr.danger &gt; td,.table &gt; tfoot &gt; tr.danger &gt; td,.table &gt; thead &gt; tr.danger &gt; th,.table &gt; tbody &gt; tr.danger &gt; th,.table &gt; tfoot &gt; tr.danger &gt; th{background-color:#f2dede;border-color:#eed3d7}
.table-hover &gt; tbody &gt; tr &gt; td.danger:hover,.table-hover &gt; tbody &gt; tr &gt; th.danger:hover,.table-hover &gt; tbody &gt; tr.danger:hover &gt; td{background-color:#ebcccc;border-color:#e6c1c7}
.table &gt; thead &gt; tr &gt; td.warning,.table &gt; tbody &gt; tr &gt; td.warning,.table &gt; tfoot &gt; tr &gt; td.warning,.table &gt; thead &gt; tr &gt; th.warning,.table &gt; tbody &gt; tr &gt; th.warning,.table &gt; tfoot &gt; tr &gt; th.warning,.table &gt; thead &gt; tr.warning &gt; td,.table &gt; tbody &gt; tr.warning &gt; td,.table &gt; tfoot &gt; tr.warning &gt; td,.table &gt; thead &gt; tr.warning &gt; th,.table &gt; tbody &gt; tr.warning &gt; th,.table &gt; tfoot &gt; tr.warning &gt; th{background-color:#fcf8e3;border-color:#fbeed5}
.table-hover &gt; tbody &gt; tr &gt; td.warning:hover,.table-hover &gt; tbody &gt; tr &gt; th.warning:hover,.table-hover &gt; tbody &gt; tr.warning:hover &gt; td{background-color:#faf2cc;border-color:#f8e5be}
@media (max-width: 768px) {
.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #dddddd}
.table-responsive &gt; .table{margin-bottom:0;background-color:#fff}
.table-responsive &gt; .table &gt; thead &gt; tr &gt; th,.table-responsive &gt; .table &gt; tbody &gt; tr &gt; th,.table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th,.table-responsive &gt; .table &gt; thead &gt; tr &gt; td,.table-responsive &gt; .table &gt; tbody &gt; tr &gt; td,.table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td{white-space:nowrap}
.table-responsive &gt; .table-bordered{border:0}
.table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child,.table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child,.table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child,.table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child,.table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child,.table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child{border-left:0}
.table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child,.table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child,.table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child,.table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child,.table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child,.table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child{border-right:0}
.table-responsive &gt; .table-bordered &gt; thead &gt; tr:last-child &gt; th,.table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th,.table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th,.table-responsive &gt; .table-bordered &gt; thead &gt; tr:last-child &gt; td,.table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td,.table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td{border-bottom:0}
}
fieldset{padding:0;margin:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;margin-bottom:5px;font-weight:bold}
input[type=&quot;search&quot;]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=&quot;radio&quot;],input[type=&quot;checkbox&quot;]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type=&quot;file&quot;]{display:block}
select[multiple],select[size]{height:auto}
select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}
input[type=&quot;file&quot;]:focus,input[type=&quot;radio&quot;]:focus,input[type=&quot;checkbox&quot;]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
input[type=&quot;number&quot;]::-webkit-outer-spin-button,input[type=&quot;number&quot;]::-webkit-inner-spin-button{height:auto}
.form-control:-moz-placeholder{color:#999999}
.form-control::-moz-placeholder{color:#999999}
.form-control:-ms-input-placeholder{color:#999999}
.form-control::-webkit-input-placeholder{color:#999999}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555555;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eeeeee}
textarea.form-control{height:auto}
.form-group{margin-bottom:15px}
.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}
.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}
.radio input[type=&quot;radio&quot;],.radio-inline input[type=&quot;radio&quot;],.checkbox input[type=&quot;checkbox&quot;],.checkbox-inline input[type=&quot;checkbox&quot;]{float:left;margin-left:-20px}
.radio + .radio,.checkbox + .checkbox{margin-top:-5px}
.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}
.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px}
input[type=&quot;radio&quot;][disabled],input[type=&quot;checkbox&quot;][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=&quot;radio&quot;],fieldset[disabled] input[type=&quot;checkbox&quot;],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}
.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-sm{height:30px;line-height:30px}
textarea.input-sm{height:auto}
.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
select.input-lg{height:45px;line-height:45px}
textarea.input-lg{height:auto}
.has-warning .help-block,.has-warning .control-label{color:#c09853}
.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}
.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
.has-error .help-block,.has-error .control-label{color:#b94a48}
.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}
.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}
.has-success .help-block,.has-success .control-label{color:#468847}
.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-success .form-control:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}
.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}
.form-control-static{padding-top:7px;margin-bottom:0}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
@media (min-width: 768px) {
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block}
.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}
.form-inline .radio input[type=&quot;radio&quot;],.form-inline .checkbox input[type=&quot;checkbox&quot;]{float:none;margin-left:0}
}
.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}
.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}
.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:&quot; &quot;}
.form-horizontal .form-group:after{clear:both}
.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:&quot; &quot;}
.form-horizontal .form-group:after{clear:both}
@media (min-width: 768px) {
.form-horizontal .control-label{text-align:right}
}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{color:#333333;text-decoration:none}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-default{color:#333333;background-color:#ffffff;border-color:#cccccc}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333333;background-color:#ebebeb;border-color:#adadad}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#ffffff;border-color:#cccccc}
.btn-primary{color:#ffffff;background-color:#428bca;border-color:#357ebd}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#ffffff;background-color:#3276b1;border-color:#285e8e}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}
.btn-warning{color:#ffffff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#ffffff;background-color:#ed9c28;border-color:#d58512}
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}
.btn-danger{color:#ffffff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#ffffff;background-color:#d2322d;border-color:#ac2925}
.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}
.btn-success{color:#ffffff;background-color:#5cb85c;border-color:#4cae4c}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#ffffff;background-color:#47a447;border-color:#398439}
.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}
.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}
.btn-info{color:#ffffff;background-color:#5bc0de;border-color:#46b8da}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#ffffff;background-color:#39b3d7;border-color:#269abc}
.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}
.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}
.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}
.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999999;text-decoration:none}
.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-xs{padding:1px 5px}
.btn-block{display:block;width:100%;padding-right:0;padding-left:0}
.btn-block + .btn-block{margin-top:5px}
input[type=&quot;submit&quot;].btn-block,input[type=&quot;reset&quot;].btn-block,input[type=&quot;button&quot;].btn-block{width:100%}
.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}

.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:&quot;&quot;}
.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu &gt; li &gt; a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333333;white-space:nowrap}
.dropdown-menu &gt; li &gt; a:hover,.dropdown-menu &gt; li &gt; a:focus{color:#ffffff;text-decoration:none;background-color:#428bca}
.dropdown-menu &gt; .active &gt; a,.dropdown-menu &gt; .active &gt; a:hover,.dropdown-menu &gt; .active &gt; a:focus{color:#ffffff;text-decoration:none;background-color:#428bca;outline:0}
.dropdown-menu &gt; .disabled &gt; a,.dropdown-menu &gt; .disabled &gt; a:hover,.dropdown-menu &gt; .disabled &gt; a:focus{color:#999999}
.dropdown-menu &gt; .disabled &gt; a:hover,.dropdown-menu &gt; .disabled &gt; a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open &gt; .dropdown-menu{display:block}
.open &gt; a{outline:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999999}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
.pull-right &gt; .dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000000;content:&quot;&quot;}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}
@media (min-width: 768px) {
.navbar-right .dropdown-menu{right:0;left:auto}
}
.btn-default .caret{border-top-color:#333333}
.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}
.dropup .btn-default .caret{border-bottom-color:#333333}
.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group &gt; .btn,.btn-group-vertical &gt; .btn{position:relative;float:left}
.btn-group &gt; .btn:hover,.btn-group-vertical &gt; .btn:hover,.btn-group &gt; .btn:focus,.btn-group-vertical &gt; .btn:focus,.btn-group &gt; .btn:active,.btn-group-vertical &gt; .btn:active,.btn-group &gt; .btn.active,.btn-group-vertical &gt; .btn.active{z-index:2}
.btn-group &gt; .btn:focus,.btn-group-vertical &gt; .btn:focus{outline:none}
.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group{margin-left:-1px}
.btn-toolbar:before,.btn-toolbar:after{display:table;content:&quot; &quot;}
.btn-toolbar:after{clear:both}
.btn-toolbar:before,.btn-toolbar:after{display:table;content:&quot; &quot;}
.btn-toolbar:after{clear:both}
.btn-toolbar .btn-group{float:left}
.btn-toolbar &gt; .btn + .btn,.btn-toolbar &gt; .btn-group + .btn,.btn-toolbar &gt; .btn + .btn-group,.btn-toolbar &gt; .btn-group + .btn-group{margin-left:5px}
.btn-group &gt; .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group &gt; .btn:first-child{margin-left:0}
.btn-group &gt; .btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group &gt; .btn:last-child:not(:first-child),.btn-group &gt; .dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group &gt; .btn-group{float:left}
.btn-group &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn{border-radius:0}
.btn-group &gt; .btn-group:first-child &gt; .btn:last-child,.btn-group &gt; .btn-group:first-child &gt; .dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group &gt; .btn-group:last-child &gt; .btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
.btn-group-xs &gt; .btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group-sm &gt; .btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group-lg &gt; .btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.btn-group &gt; .btn + .dropdown-toggle{padding-right:8px;padding-left:8px}
.btn-group &gt; .btn-lg + .dropdown-toggle{padding-right:12px;padding-left:12px}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn .caret{margin-left:0}
.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}
.dropup .btn-lg .caret{border-width:0 5px 5px}
.btn-group-vertical &gt; .btn,.btn-group-vertical &gt; .btn-group{display:block;float:none;width:100%;max-width:100%}
.btn-group-vertical &gt; .btn-group:before,.btn-group-vertical &gt; .btn-group:after{display:table;content:&quot; &quot;}
.btn-group-vertical &gt; .btn-group:after{clear:both}
.btn-group-vertical &gt; .btn-group:before,.btn-group-vertical &gt; .btn-group:after{display:table;content:&quot; &quot;}
.btn-group-vertical &gt; .btn-group:after{clear:both}
.btn-group-vertical &gt; .btn-group &gt; .btn{float:none}
.btn-group-vertical &gt; .btn + .btn,.btn-group-vertical &gt; .btn + .btn-group,.btn-group-vertical &gt; .btn-group + .btn,.btn-group-vertical &gt; .btn-group + .btn-group{margin-top:-1px;margin-left:0}
.btn-group-vertical &gt; .btn:not(:first-child):not(:last-child){border-radius:0}
.btn-group-vertical &gt; .btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical &gt; .btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}
.btn-group-vertical &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn{border-radius:0}
.btn-group-vertical &gt; .btn-group:first-child &gt; .btn:last-child,.btn-group-vertical &gt; .btn-group:first-child &gt; .dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical &gt; .btn-group:last-child &gt; .btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}
.btn-group-justified .btn{display:table-cell;float:none;width:1%}
[data-toggle=&quot;buttons&quot;] &gt; .btn &gt; input[type=&quot;radio&quot;],[data-toggle=&quot;buttons&quot;] &gt; .btn &gt; input[type=&quot;checkbox&quot;]{display:none}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group.col{float:none;padding-right:0;padding-left:0}
.input-group .form-control{width:100%;margin-bottom:0}
.input-group-lg &gt; .form-control,.input-group-lg &gt; .input-group-addon,.input-group-lg &gt; .input-group-btn &gt; .btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
select.input-group-lg &gt; .form-control,select.input-group-lg &gt; .input-group-addon,select.input-group-lg &gt; .input-group-btn &gt; .btn{height:45px;line-height:45px}
textarea.input-group-lg &gt; .form-control,textarea.input-group-lg &gt; .input-group-addon,textarea.input-group-lg &gt; .input-group-btn &gt; .btn{height:auto}
.input-group-sm &gt; .form-control,.input-group-sm &gt; .input-group-addon,.input-group-sm &gt; .input-group-btn &gt; .btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-group-sm &gt; .form-control,select.input-group-sm &gt; .input-group-addon,select.input-group-sm &gt; .input-group-btn &gt; .btn{height:30px;line-height:30px}
textarea.input-group-sm &gt; .form-control,textarea.input-group-sm &gt; .input-group-addon,textarea.input-group-sm &gt; .input-group-btn &gt; .btn{height:auto}
.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eeeeee;border:1px solid #cccccc;border-radius:4px}
.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}
.input-group-addon input[type=&quot;radio&quot;],.input-group-addon input[type=&quot;checkbox&quot;]{margin-top:0}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child &gt; .btn,.input-group-btn:first-child &gt; .dropdown-toggle,.input-group-btn:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child &gt; .btn,.input-group-btn:last-child &gt; .dropdown-toggle,.input-group-btn:first-child &gt; .btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;white-space:nowrap}
.input-group-btn &gt; .btn{position:relative}
.input-group-btn &gt; .btn + .btn{margin-left:-4px}
.input-group-btn &gt; .btn:hover,.input-group-btn &gt; .btn:active{z-index:2}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav:before,.nav:after{display:table;content:&quot; &quot;}
.nav:after{clear:both}
.nav:before,.nav:after{display:table;content:&quot; &quot;}
.nav:after{clear:both}
.nav &gt; li{position:relative;display:block}
.nav &gt; li &gt; a{position:relative;display:block;padding:10px 15px}
.nav &gt; li &gt; a:hover,.nav &gt; li &gt; a:focus{text-decoration:none;background-color:#eeeeee}
.nav &gt; li.disabled &gt; a{color:#999999}
.nav &gt; li.disabled &gt; a:hover,.nav &gt; li.disabled &gt; a:focus{color:#999999;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open &gt; a,.nav .open &gt; a:hover,.nav .open &gt; a:focus{background-color:#eeeeee;border-color:#428bca}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav &gt; li &gt; a &gt; img{max-width:none}
.nav-tabs{border-bottom:1px solid #dddddd}
.nav-tabs &gt; li{float:left;margin-bottom:-1px}
.nav-tabs &gt; li &gt; a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs &gt; li &gt; a:hover{border-color:#eeeeee #eeeeee #dddddd}
.nav-tabs &gt; li.active &gt; a,.nav-tabs &gt; li.active &gt; a:hover,.nav-tabs &gt; li.active &gt; a:focus{color:#555555;cursor:default;background-color:#ffffff;border:1px solid #dddddd;border-bottom-color:transparent}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified &gt; li{float:none}
.nav-tabs.nav-justified &gt; li &gt; a{text-align:center}
@media (min-width: 768px) {
.nav-tabs.nav-justified &gt; li{display:table-cell;width:1%}
}
.nav-tabs.nav-justified &gt; li &gt; a{margin-right:0;border-bottom:1px solid #dddddd}
.nav-tabs.nav-justified &gt; .active &gt; a{border-bottom-color:#ffffff}
.nav-pills &gt; li{float:left}
.nav-pills &gt; li &gt; a{border-radius:5px}
.nav-pills &gt; li + li{margin-left:2px}
.nav-pills &gt; li.active &gt; a,.nav-pills &gt; li.active &gt; a:hover,.nav-pills &gt; li.active &gt; a:focus{color:#ffffff;background-color:#428bca}
.nav-stacked &gt; li{float:none}
.nav-stacked &gt; li + li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified &gt; li{float:none}
.nav-justified &gt; li &gt; a{text-align:center}
@media (min-width: 768px) {
.nav-justified &gt; li{display:table-cell;width:1%}
}
.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified &gt; li &gt; a{margin-right:0;border-bottom:1px solid #dddddd}
.nav-tabs-justified &gt; .active &gt; a{border-bottom-color:#ffffff}
.tabbable:before,.tabbable:after{display:table;content:&quot; &quot;}
.tabbable:after{clear:both}
.tabbable:before,.tabbable:after{display:table;content:&quot; &quot;}
.tabbable:after{clear:both}
.tab-content &gt; .tab-pane,.pill-content &gt; .pill-pane{display:none}
.tab-content &gt; .active,.pill-content &gt; .active{display:block}
.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}
.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}
.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}
.navbar:before,.navbar:after{display:table;content:&quot; &quot;}
.navbar:after{clear:both}
.navbar:before,.navbar:after{display:table;content:&quot; &quot;}
.navbar:after{clear:both}
@media (min-width: 768px) {
.navbar{border-radius:4px}
}
.navbar-header:before,.navbar-header:after{display:table;content:&quot; &quot;}
.navbar-header:after{clear:both}
.navbar-header:before,.navbar-header:after{display:table;content:&quot; &quot;}
.navbar-header:after{clear:both}
@media (min-width: 768px) {
.navbar-header{float:left}
}
.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}
.navbar-collapse:before,.navbar-collapse:after{display:table;content:&quot; &quot;}
.navbar-collapse:after{clear:both}
.navbar-collapse:before,.navbar-collapse:after{display:table;content:&quot; &quot;}
.navbar-collapse:after{clear:both}
.navbar-collapse.in{overflow-y:auto}
@media (min-width: 768px) {
.navbar-collapse{width:auto;border-top:0;box-shadow:none}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-collapse.in{overflow-y:visible}
.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}
.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}
.navbar-collapse .navbar-text:last-child{margin-right:0}
}
.container &gt; .navbar-header,.container &gt; .navbar-collapse{margin-right:-15px;margin-left:-15px}
@media (min-width: 768px) {
.container &gt; .navbar-header,.container &gt; .navbar-collapse{margin-right:0;margin-left:0}
}
.navbar-static-top{border-width:0 0 1px}
@media (min-width: 768px) {
.navbar-static-top{border-radius:0}
}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}
@media (min-width: 768px) {
.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}
}
.navbar-fixed-top{top:0;z-index:1030}
.navbar-fixed-bottom{bottom:0;margin-bottom:0}
.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px}
.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
@media (min-width: 768px) {
.navbar &gt; .container .navbar-brand{margin-left:-15px}
}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar + .icon-bar{margin-top:4px}
@media (min-width: 768px) {
.navbar-toggle{display:none}
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav &gt; li &gt; a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
.navbar-nav .open .dropdown-menu &gt; li &gt; a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu &gt; li &gt; a{line-height:20px}
.navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,.navbar-nav .open .dropdown-menu &gt; li &gt; a:focus{background-image:none}
}
@media (min-width: 768px) {
.navbar-nav{float:left;margin:0}
.navbar-nav &gt; li{float:left}
.navbar-nav &gt; li &gt; a{padding-top:15px;padding-bottom:15px}
}
@media (min-width: 768px) {
.navbar-left{float:left!important}
.navbar-right{float:right!important}
}
.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin:8px -15px}
@media (min-width: 768px) {
.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.navbar-form .form-control{display:inline-block}
.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}
.navbar-form .radio input[type=&quot;radio&quot;],.navbar-form .checkbox input[type=&quot;checkbox&quot;]{float:none;margin-left:0}
}
@media (max-width: 767px) {
.navbar-form .form-group{margin-bottom:5px}
}
@media (min-width: 768px) {
.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}
}
.navbar-nav &gt; li &gt; .dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
.navbar-fixed-bottom .navbar-nav &gt; li &gt; .dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-nav.pull-right &gt; li &gt; .dropdown-menu,.navbar-nav &gt; li &gt; .dropdown-menu.pull-right{right:0;left:auto}
.navbar-btn{margin-top:8px;margin-bottom:8px}
.navbar-text{float:left;margin-top:15px;margin-bottom:15px}
@media (min-width: 768px) {
.navbar-text{margin-right:15px;margin-left:15px}
}
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar-default .navbar-brand{color:#777777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777777}
.navbar-default .navbar-nav &gt; li &gt; a{color:#777777}
.navbar-default .navbar-nav &gt; li &gt; a:hover,.navbar-default .navbar-nav &gt; li &gt; a:focus{color:#333333;background-color:transparent}
.navbar-default .navbar-nav &gt; .active &gt; a,.navbar-default .navbar-nav &gt; .active &gt; a:hover,.navbar-default .navbar-nav &gt; .active &gt; a:focus{color:#555555;background-color:#e7e7e7}
.navbar-default .navbar-nav &gt; .disabled &gt; a,.navbar-default .navbar-nav &gt; .disabled &gt; a:hover,.navbar-default .navbar-nav &gt; .disabled &gt; a:focus{color:#cccccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#dddddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#dddddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#cccccc}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e6e6e6}
.navbar-default .navbar-nav &gt; .dropdown &gt; a:hover .caret,.navbar-default .navbar-nav &gt; .dropdown &gt; a:focus .caret{border-top-color:#333333;border-bottom-color:#333333}
.navbar-default .navbar-nav &gt; .open &gt; a,.navbar-default .navbar-nav &gt; .open &gt; a:hover,.navbar-default .navbar-nav &gt; .open &gt; a:focus{color:#555555;background-color:#e7e7e7}
.navbar-default .navbar-nav &gt; .open &gt; a .caret,.navbar-default .navbar-nav &gt; .open &gt; a:hover .caret,.navbar-default .navbar-nav &gt; .open &gt; a:focus .caret{border-top-color:#555555;border-bottom-color:#555555}
.navbar-default .navbar-nav &gt; .dropdown &gt; a .caret{border-top-color:#777777;border-bottom-color:#777777}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a{color:#777777}
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus{color:#333333;background-color:transparent}
.navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a,.navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,.navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus{color:#555555;background-color:#e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,.navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,.navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus{color:#cccccc;background-color:transparent}
}
.navbar-default .navbar-link{color:#777777}
.navbar-default .navbar-link:hover{color:#333333}
.navbar-inverse{background-color:#222222;border-color:#080808}
.navbar-inverse .navbar-brand{color:#999999}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#ffffff;background-color:transparent}
.navbar-inverse .navbar-text{color:#999999}
.navbar-inverse .navbar-nav &gt; li &gt; a{color:#999999}
.navbar-inverse .navbar-nav &gt; li &gt; a:hover,.navbar-inverse .navbar-nav &gt; li &gt; a:focus{color:#ffffff;background-color:transparent}
.navbar-inverse .navbar-nav &gt; .active &gt; a,.navbar-inverse .navbar-nav &gt; .active &gt; a:hover,.navbar-inverse .navbar-nav &gt; .active &gt; a:focus{color:#ffffff;background-color:#080808}
.navbar-inverse .navbar-nav &gt; .disabled &gt; a,.navbar-inverse .navbar-nav &gt; .disabled &gt; a:hover,.navbar-inverse .navbar-nav &gt; .disabled &gt; a:focus{color:#444444;background-color:transparent}
.navbar-inverse .navbar-toggle{border-color:#333333}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#ffffff}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav &gt; .open &gt; a,.navbar-inverse .navbar-nav &gt; .open &gt; a:hover,.navbar-inverse .navbar-nav &gt; .open &gt; a:focus{color:#ffffff;background-color:#080808}
.navbar-inverse .navbar-nav &gt; .dropdown &gt; a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff}
.navbar-inverse .navbar-nav &gt; .dropdown &gt; a .caret{border-top-color:#999999;border-bottom-color:#999999}
.navbar-inverse .navbar-nav &gt; .open &gt; a .caret,.navbar-inverse .navbar-nav &gt; .open &gt; a:hover .caret,.navbar-inverse .navbar-nav &gt; .open &gt; a:focus .caret{border-top-color:#ffffff;border-bottom-color:#ffffff}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu &gt; .dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a{color:#999999}
.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus{color:#ffffff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a,.navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus{color:#ffffff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,.navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus{color:#444444;background-color:transparent}
}
.navbar-inverse .navbar-link{color:#999999}
.navbar-inverse .navbar-link:hover{color:#ffffff}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb &gt; li{display:inline-block}
.breadcrumb &gt; li + li:before{padding:0 5px;color:#cccccc;content:&quot;/\00a0&quot;}
.breadcrumb &gt; .active{color:#999999}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination &gt; li{display:inline}
.pagination &gt; li &gt; a,.pagination &gt; li &gt; span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd}
.pagination &gt; li:first-child &gt; a,.pagination &gt; li:first-child &gt; span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination &gt; li:last-child &gt; a,.pagination &gt; li:last-child &gt; span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination &gt; li &gt; a:hover,.pagination &gt; li &gt; span:hover,.pagination &gt; li &gt; a:focus,.pagination &gt; li &gt; span:focus{background-color:#eeeeee}
.pagination &gt; .active &gt; a,.pagination &gt; .active &gt; span,.pagination &gt; .active &gt; a:hover,.pagination &gt; .active &gt; span:hover,.pagination &gt; .active &gt; a:focus,.pagination &gt; .active &gt; span:focus{z-index:2;color:#ffffff;cursor:default;background-color:#428bca;border-color:#428bca}
.pagination &gt; .disabled &gt; span,.pagination &gt; .disabled &gt; a,.pagination &gt; .disabled &gt; a:hover,.pagination &gt; .disabled &gt; a:focus{color:#999999;cursor:not-allowed;background-color:#ffffff;border-color:#dddddd}
.pagination-lg &gt; li &gt; a,.pagination-lg &gt; li &gt; span{padding:10px 16px;font-size:18px}
.pagination-lg &gt; li:first-child &gt; a,.pagination-lg &gt; li:first-child &gt; span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg &gt; li:last-child &gt; a,.pagination-lg &gt; li:last-child &gt; span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm &gt; li &gt; a,.pagination-sm &gt; li &gt; span{padding:5px 10px;font-size:12px}
.pagination-sm &gt; li:first-child &gt; a,.pagination-sm &gt; li:first-child &gt; span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm &gt; li:last-child &gt; a,.pagination-sm &gt; li:last-child &gt; span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager:before,.pager:after{display:table;content:&quot; &quot;}
.pager:after{clear:both}
.pager:before,.pager:after{display:table;content:&quot; &quot;}
.pager:after{clear:both}
.pager li{display:inline}
.pager li &gt; a,.pager li &gt; span{display:inline-block;padding:5px 14px;background-color:#ffffff;border:1px solid #dddddd;border-radius:15px}
.pager li &gt; a:hover,.pager li &gt; a:focus{text-decoration:none;background-color:#eeeeee}
.pager .next &gt; a,.pager .next &gt; span{float:right}
.pager .previous &gt; a,.pager .previous &gt; span{float:left}
.pager .disabled &gt; a,.pager .disabled &gt; a:hover,.pager .disabled &gt; a:focus,.pager .disabled &gt; span{color:#999999;cursor:not-allowed;background-color:#ffffff}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#ffffff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label[href]:hover,.label[href]:focus{color:#ffffff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.label-default{background-color:#999999}
.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}
.label-primary{background-color:#428bca}
.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}
.label-success{background-color:#5cb85c}
.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#ffffff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999999;border-radius:10px}
.badge:empty{display:none}
a.badge:hover,a.badge:focus{color:#ffffff;text-decoration:none;cursor:pointer}
.btn .badge{position:relative;top:-1px}
a.list-group-item.active &gt; .badge,.nav-pills &gt; .active &gt; a &gt; .badge{color:#428bca;background-color:#ffffff}
.nav-pills &gt; li &gt; a &gt; .badge{margin-left:3px}
.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eeeeee}
.jumbotron h1{line-height:1;color:inherit}
.jumbotron p{line-height:1.4}
.container .jumbotron{border-radius:6px}
@media screen and (min-width: 768px) {
.jumbotron{padding-top:48px;padding-bottom:48px}
.container .jumbotron{padding-right:60px;padding-left:60px}
.jumbotron h1{font-size:63px}
}
.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.thumbnail &gt; img{display:block;height:auto;max-width:100%}
a.thumbnail:hover,a.thumbnail:focus{border-color:#428bca}
.thumbnail &gt; img{margin-right:auto;margin-left:auto}
.thumbnail .caption{padding:9px;color:#333333}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4{margin-top:0;color:inherit}
.alert .alert-link{font-weight:bold}
.alert &gt; p,.alert &gt; ul{margin-bottom:0}
.alert &gt; p + p{margin-top:5px}
.alert-dismissable{padding-right:35px}
.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#356635}
.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#2d6987}
.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}
.alert-warning hr{border-top-color:#f8e5be}
.alert-warning .alert-link{color:#a47e3c}
.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}
.alert-danger hr{border-top-color:#e6c1c7}
.alert-danger .alert-link{color:#953b39}
@-webkit-keyframes progress-bar-stripes {
from{background-position:40px 0}
to{background-position:0 0}
}
@-moz-keyframes progress-bar-stripes {
from{background-position:40px 0}
to{background-position:0 0}
}
@-o-keyframes progress-bar-stripes {
from{background-position:0 0}
to{background-position:40px 0}
}
@keyframes progress-bar-stripes {
from{background-position:40px 0}
to{background-position:0 0}
}
i.icon-sort-by-order:before {
    content: &quot;Post bulan Lalu&quot;;
}

i.icon-sort-by-order-alt:before {
    content: &quot;Post Bulan Sekarang&quot;;
}
.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#ffffff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}
.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar-success{background-color:#5cb85c}
.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.media,.media-body{overflow:hidden;zoom:1}
.media,.media .media{margin-top:15px}
.media:first-child{margin-top:0}
.media-object{display:block}
.media-heading{margin:0 0 5px}
.media &gt; .pull-left{margin-right:10px}
.media &gt; .pull-right{margin-left:10px}
.media-list{padding-left:0;list-style:none}
.list-group{padding-left:0;margin-bottom:20px}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#ffffff;border:1px solid #dddddd}
.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.list-group-item &gt; .badge{float:right}
.list-group-item &gt; .badge + .badge{margin-right:5px}
a.list-group-item{color:#555555}
a.list-group-item .list-group-item-heading{color:#333333}
a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#ffffff;background-color:#428bca;border-color:#428bca}
.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}
.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}
.list-group-item-heading{margin-top:0;margin-bottom:5px}
.list-group-item-text{margin-bottom:0;line-height:1.3}
.panel{margin-bottom:20px;background-color:#ffffff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}
.panel-body{padding:15px}
.panel-body:before,.panel-body:after{display:table;content:&quot; &quot;}
.panel-body:after{clear:both}
.panel-body:before,.panel-body:after{display:table;content:&quot; &quot;}
.panel-body:after{clear:both}
.panel &gt; .list-group{margin-bottom:0}
.panel &gt; .list-group .list-group-item{border-width:1px 0}
.panel &gt; .list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}
.panel &gt; .list-group .list-group-item:last-child{border-bottom:0}
.panel-heading + .list-group .list-group-item:first-child{border-top-width:0}
.panel &gt; .table{margin-bottom:0}
.panel &gt; .panel-body + .table{border-top:1px solid #dddddd}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px}
.panel-title &gt; a{color:inherit}
.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #dddddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}
.panel-group .panel + .panel{margin-top:5px}
.panel-group .panel-heading{border-bottom:0}
.panel-group .panel-heading + .panel-collapse .panel-body{border-top:1px solid #dddddd}
.panel-group .panel-footer{border-top:0}
.panel-group .panel-footer + .panel-collapse .panel-body{border-bottom:1px solid #dddddd}
.panel-default{border-color:#dddddd}
.panel-default &gt; .panel-heading{color:#333333;background-color:#f5f5f5;border-color:#dddddd}
.panel-default &gt; .panel-heading + .panel-collapse .panel-body{border-top-color:#dddddd}
.panel-default &gt; .panel-footer + .panel-collapse .panel-body{border-bottom-color:#dddddd}
.panel-primary{border-color:#428bca}
.panel-primary &gt; .panel-heading{color:#ffffff;background-color:#428bca;border-color:#428bca}
.panel-primary &gt; .panel-heading + .panel-collapse .panel-body{border-top-color:#428bca}
.panel-primary &gt; .panel-footer + .panel-collapse .panel-body{border-bottom-color:#428bca}
.panel-success{border-color:#d6e9c6}
.panel-success &gt; .panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}
.panel-success &gt; .panel-heading + .panel-collapse .panel-body{border-top-color:#d6e9c6}
.panel-success &gt; .panel-footer + .panel-collapse .panel-body{border-bottom-color:#d6e9c6}
.panel-warning{border-color:#fbeed5}
.panel-warning &gt; .panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}
.panel-warning &gt; .panel-heading + .panel-collapse .panel-body{border-top-color:#fbeed5}
.panel-warning &gt; .panel-footer + .panel-collapse .panel-body{border-bottom-color:#fbeed5}
.panel-danger{border-color:#eed3d7}
.panel-danger &gt; .panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}
.panel-danger &gt; .panel-heading + .panel-collapse .panel-body{border-top-color:#eed3d7}
.panel-danger &gt; .panel-footer + .panel-collapse .panel-body{border-bottom-color:#eed3d7}
.panel-info{border-color:#bce8f1}
.panel-info &gt; .panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}
.panel-info &gt; .panel-heading + .panel-collapse .panel-body{border-top-color:#bce8f1}
.panel-info &gt; .panel-footer + .panel-collapse .panel-body{border-bottom-color:#bce8f1}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}
.well-lg{padding:24px;border-radius:6px}
.well-sm{padding:9px;border-radius:3px}
.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:.2;filter:alpha(opacity=20)}
.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}
.modal-content{position:relative;background-color:#ffffff;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:none;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.428571429}
.modal-body{position:relative;padding:20px}
.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer:before,.modal-footer:after{display:table;content:&quot; &quot;}
.modal-footer:after{clear:both}
.modal-footer:before,.modal-footer:after{display:table;content:&quot; &quot;}
.modal-footer:after{clear:both}
.modal-footer .btn + .btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn + .btn{margin-left:-1px}
.modal-footer .btn-block + .btn-block{margin-left:0}
@media screen and (min-width: 768px) {
.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}
}
.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000000;border-width:5px 5px 0}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000000;border-width:5px 5px 0}
.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000000;border-width:5px 5px 0}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000000;border-width:5px 5px 5px 0}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000000;border-width:5px 0 5px 5px}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000000;border-width:0 5px 5px}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000000;border-width:0 5px 5px}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000000;border-width:0 5px 5px}
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}
.popover.top{margin-top:-10px}
.popover.right{margin-left:10px}
.popover.bottom{margin-top:10px}
.popover.left{margin-left:-10px}
.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
.popover-content{padding:9px 14px}
.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.popover .arrow{border-width:11px}
.popover .arrow:after{border-width:10px;content:&quot;&quot;}
.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}
.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#ffffff;border-bottom-width:0;content:&quot; &quot;}
.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}
.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#ffffff;border-left-width:0;content:&quot; &quot;}
.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}
.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#ffffff;border-top-width:0;content:&quot; &quot;}
.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}
.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#ffffff;border-right-width:0;content:&quot; &quot;}
.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner &gt; .item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner &gt; .item &gt; img,.carousel-inner &gt; .item &gt; a &gt; img{display:block;height:auto;max-width:100%;line-height:1}
.carousel-inner &gt; .active,.carousel-inner &gt; .next,.carousel-inner &gt; .prev{display:block}
.carousel-inner &gt; .active{left:0}
.carousel-inner &gt; .next,.carousel-inner &gt; .prev{position:absolute;top:0;width:100%}
.carousel-inner &gt; .next{left:100%}
.carousel-inner &gt; .prev{left:-100%}
.carousel-inner &gt; .next.left,.carousel-inner &gt; .prev.right{left:0}
.carousel-inner &gt; .active.left{left:-100%}
.carousel-inner &gt; .active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#ffffff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}
.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#80000000&#39;,endColorstr=&#39;#00000000&#39;,GradientType=1)}
.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#00000000&#39;,endColorstr=&#39;#80000000&#39;,GradientType=1)}
.carousel-control:hover,.carousel-control:focus{color:#ffffff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}
.carousel-control .icon-prev:before{content:&#39;\2039&#39;}
.carousel-control .icon-next:before{content:&#39;\203a&#39;}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #ffffff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#ffffff}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#ffffff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-caption .btn{text-shadow:none}
@media screen and (min-width: 768px) {
.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}
.carousel-caption{right:20%;left:20%;padding-bottom:30px}
.carousel-indicators{bottom:20px}
}
.clearfix:before,.clearfix:after{display:table;content:&quot; &quot;}
.clearfix:after{clear:both}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.affix{position:fixed}
.hidden{display:none!important;visibility:hidden!important}
.visible-xs{display:none!important}
tr.visible-xs{display:none!important}
th.visible-xs,td.visible-xs{display:none!important}
@media (max-width: 767px) {
.visible-xs{display:block!important}
tr.visible-xs{display:table-row!important}
th.visible-xs,td.visible-xs{display:table-cell!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-xs.visible-sm{display:block!important}
tr.visible-xs.visible-sm{display:table-row!important}
th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-xs.visible-md{display:block!important}
tr.visible-xs.visible-md{display:table-row!important}
th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}
}
@media (min-width: 1200px) {
.visible-xs.visible-lg{display:block!important}
tr.visible-xs.visible-lg{display:table-row!important}
th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}
}
.visible-sm{display:none!important}
tr.visible-sm{display:none!important}
th.visible-sm,td.visible-sm{display:none!important}
@media (max-width: 767px) {
.visible-sm.visible-xs{display:block!important}
tr.visible-sm.visible-xs{display:table-row!important}
th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm{display:block!important}
tr.visible-sm{display:table-row!important}
th.visible-sm,td.visible-sm{display:table-cell!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-sm.visible-md{display:block!important}
tr.visible-sm.visible-md{display:table-row!important}
th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}
}
@media (min-width: 1200px) {
.visible-sm.visible-lg{display:block!important}
tr.visible-sm.visible-lg{display:table-row!important}
th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}
}
.visible-md{display:none!important}
tr.visible-md{display:none!important}
th.visible-md,td.visible-md{display:none!important}
@media (max-width: 767px) {
.visible-md.visible-xs{display:block!important}
tr.visible-md.visible-xs{display:table-row!important}
th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-md.visible-sm{display:block!important}
tr.visible-md.visible-sm{display:table-row!important}
th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md{display:block!important}
tr.visible-md{display:table-row!important}
th.visible-md,td.visible-md{display:table-cell!important}
}
@media (min-width: 1200px) {
.visible-md.visible-lg{display:block!important}
tr.visible-md.visible-lg{display:table-row!important}
th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}
}
.visible-lg{display:none!important}
tr.visible-lg{display:none!important}
th.visible-lg,td.visible-lg{display:none!important}
@media (max-width: 767px) {
.visible-lg.visible-xs{display:block!important}
tr.visible-lg.visible-xs{display:table-row!important}
th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-lg.visible-sm{display:block!important}
tr.visible-lg.visible-sm{display:table-row!important}
th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-lg.visible-md{display:block!important}
tr.visible-lg.visible-md{display:table-row!important}
th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}
}
@media (min-width: 1200px) {
.visible-lg{display:block!important}
tr.visible-lg{display:table-row!important}
th.visible-lg,td.visible-lg{display:table-cell!important}
}
.hidden-xs{display:block!important}
tr.hidden-xs{display:table-row!important}
th.hidden-xs,td.hidden-xs{display:table-cell!important}
@media (max-width: 767px) {
.hidden-xs{display:none!important}
tr.hidden-xs{display:none!important}
th.hidden-xs,td.hidden-xs{display:none!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-xs.hidden-sm{display:none!important}
tr.hidden-xs.hidden-sm{display:none!important}
th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-xs.hidden-md{display:none!important}
tr.hidden-xs.hidden-md{display:none!important}
th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}
}
@media (min-width: 1200px) {
.hidden-xs.hidden-lg{display:none!important}
tr.hidden-xs.hidden-lg{display:none!important}
th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}
}
.hidden-sm{display:block!important}
tr.hidden-sm{display:table-row!important}
th.hidden-sm,td.hidden-sm{display:table-cell!important}
@media (max-width: 767px) {
.hidden-sm.hidden-xs{display:none!important}
tr.hidden-sm.hidden-xs{display:none!important}
th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm{display:none!important}
tr.hidden-sm{display:none!important}
th.hidden-sm,td.hidden-sm{display:none!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-sm.hidden-md{display:none!important}
tr.hidden-sm.hidden-md{display:none!important}
th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}
}
@media (min-width: 1200px) {
.hidden-sm.hidden-lg{display:none!important}
tr.hidden-sm.hidden-lg{display:none!important}
th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}
}
.hidden-md{display:block!important}
tr.hidden-md{display:table-row!important}
th.hidden-md,td.hidden-md{display:table-cell!important}
@media (max-width: 767px) {
.hidden-md.hidden-xs{display:none!important}
tr.hidden-md.hidden-xs{display:none!important}
th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-md.hidden-sm{display:none!important}
tr.hidden-md.hidden-sm{display:none!important}
th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md{display:none!important}
tr.hidden-md{display:none!important}
th.hidden-md,td.hidden-md{display:none!important}
}
@media (min-width: 1200px) {
.hidden-md.hidden-lg{display:none!important}
tr.hidden-md.hidden-lg{display:none!important}
th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}
}
.hidden-lg{display:block!important}
tr.hidden-lg{display:table-row!important}
th.hidden-lg,td.hidden-lg{display:table-cell!important}
@media (max-width: 767px) {
.hidden-lg.hidden-xs{display:none!important}
tr.hidden-lg.hidden-xs{display:none!important}
th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-lg.hidden-sm{display:none!important}
tr.hidden-lg.hidden-sm{display:none!important}
th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-lg.hidden-md{display:none!important}
tr.hidden-lg.hidden-md{display:none!important}
th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}
}
@media (min-width: 1200px) {
.hidden-lg{display:none!important}
tr.hidden-lg{display:none!important}
th.hidden-lg,td.hidden-lg{display:none!important}
}
.visible-print{display:none!important}
tr.visible-print{display:none!important}
th.visible-print,td.visible-print{display:none!important}
@media print {
.visible-print{display:block!important}
tr.visible-print{display:table-row!important}
th.visible-print,td.visible-print{display:table-cell!important}
.hidden-print{display:none!important}
tr.hidden-print{display:none!important}
th.hidden-print,td.hidden-print{display:none!important}
}a:link {
color: white;
}
.ps-container .ps-scrollbar-x-rail{display:none;position:absolute;bottom:3px;height:8px;opacity:0;filter:alpha(opacity=0);-o-transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color.2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear}.ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-x-rail.hover{background-color:#eee;opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-x-rail.in-scrolling{opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-y-rail{position:absolute;right:3px;width:8px;opacity:0;filter:alpha(opacity=0);-o-transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color.2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear}.ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover{/*background-color:#eee;opacity:.9;filter:alpha(opacity=90)*/}.ps-container .ps-scrollbar-y-rail.in-scrolling{opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-x{position:absolute;bottom:0;height:8px;background-color:#aaa;-o-transition:background-color .2s linear;-webkit-transition:background-color.2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}.ps-container.ie6 .ps-scrollbar-x{font-size:0}.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x{background-color:#999}.ps-container .ps-scrollbar-y{position:absolute;right:0;width:8px;background-color:#aaa;-o-transition:background-color .2s linear;-webkit-transition:background-color.2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}.ps-container.ie .ps-scrollbar-y{font-size:0}.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{/*background-color:#999*/}

/* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: &#39;&#39;; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: &#39;&#39;; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: &#39;&#39;; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
@font-face{font-family:&#39;Lato&#39;;font-style:normal;font-weight:300;src:local(&#39;Lato Light&#39;),local(Lato-Light),url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format(&quot;woff&quot;)}
@font-face{font-family:&#39;Lato&#39;;font-style:normal;font-weight:400;src:local(&#39;Lato Regular&#39;),local(Lato-Regular),url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format(&quot;woff&quot;)}
@font-face{font-family:&#39;Lato&#39;;font-style:normal;font-weight:900;src:local(&#39;Lato Black&#39;),local(Lato-Black),url(http://themes.googleusercontent.com/static/fonts/lato/v6/BVtM30trf7q_jfqYeHfjtA.woff) format(&quot;woff&quot;)}
@font-face{font-family:&#39;Lato&#39;;font-style:italic;font-weight:400;src:local(&#39;Lato Italic&#39;),local(Lato-Italic),url(http://themes.googleusercontent.com/static/fonts/lato/v6/oUan5VrEkpzIazlUe5ieaA.woff) format(&quot;woff&quot;)}
body{font-size:16px;font-family:&#39;Lato&#39;,sans-serif;font-weight:400;background:#4D4D4D}
a,a:hover,a:focus{text-decoration:none;outline:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:&quot;Lato&quot;,Helvetica,Arial,sans-serif;font-weight:300}
.mobilemenu{position:fixed;top:0;left:0;right:0;z-index:1002;font-size:30px;padding:2px 10px;background:#2b2b2b;display:block;width:50px;height:50px;color:#fff;display:none}
.mobilemenu:hover,.mobilemenu:focus{color:#fff}
#main-nav{text-align:left;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:250px;background:#2b2b2b;position:absolute;left:0;top:0;bottom:45px;overflow:hidden}
#main{position:absolute;left:250px;right:0;top:0;bottom:0;background:#fefefe;overflow:hidden}
.page{overflow:auto;position:absolute;top:0;left:2000px;bottom:0;width:85%;background-color:#f7f7f7}
.home{left:0;z-index:0;width:100%}
#overlay{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);filter:alpha(opacity=25);opacity:.25;display:none;z-index:300;cursor:crosshair;cursor:url(http://owwwlab.com/faculty/img/pointer.png),auto}
#runner{position:absolute;width:30px;height:20px;color:#fff;font-size:20px;z-index:2000}
.currentpage{-webkit-box-shadow:-2px 0 4px -2px rgba(0,0,0,.25);box-shadow:-2px 0 4px -2px rgba(0,0,0,.25)}
#nav-container{position:relative;padding-bottom:75px;bottom:0;height:100%}
#profile{text-align:center;padding:30px 10px;position:relative}
#profile .portrate{background-image:url(http://owwwlab.com/faculty/img/jennifer-doe.jpg);width:125px;margin:0 auto;height:125px;border-radius:50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
#profile .title h2{font-size:28px;font-weight:300;color:#fff;margin:20px 0 10px}
#profile .title h3{font-size:18px;font-weight:300;color:#aaa;margin:0 0 10px}
ul#navigation{padding:0;margin:0}
ul#navigation li{display:block;float:none;clear:both;background:#303030;border-top:1px solid #373737;border-bottom:1px solid #2B2B2B;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;-ms-transition:background .5s;transition:background .5s}
ul#navigation li a{color:#ccc;font-size:14px}
ul#navigation li:hover,ul#navigation li:focus{background:#363636}
ul#navigation li:hover a,ul#navigation li:focus a{color:#f7f7f7}
ul#navigation .currentmenu{font-weight:bold}
ul#navigation li.currentmenu a{color:#fff}
ul#navigation li.currentmenu{background:#363636;border-top:1px solid #3d3d3d;border-bottom:1px solid #252525}
ul#navigation li .text{padding-left:5%;margin-left:50px;line-height:45px;-webkit-box-shadow:-3px 0 5px -4px #000;box-shadow:-3px 0 5px -4px #000}
ul#navigation li .icon{float:left;line-height:45px;width:50px;text-align:center;font-size:27px}
.social-icons{position:absolute;bottom:0;left:0;width:100%;background:#202020;border-top:1px solid #1A1A1A;width:250px;z-index:2;height:45px}
.social-icons ul{padding:0;margin:0;list-style:none}
.social-icons li{float:left;width:33%;padding:10px;text-align:center}
.social-icons a{color:#ccc}
.social-icons a:hover,.social-icons a:focus{color:#fff}
.social-icons i{font-size:16px}
.page-container{position:relative}
.pageheader{background:#f3f3f3;position:relative;padding:60px 0 45px}
.pageheader:after{top:100%;border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(8,4,13,0);border-top-color:#f3f3f3;border-width:30px;left:50%;margin-left:-30px;z-index:1}
.headercontent .title{font-size:50px;margin-bottom:25px;border-bottom:1px solid #ccc;padding:0 0 20px}
.headercontent .subtitle{border-bottom:1px solid #ccc;margin:0 0 10px;padding:5px 0}
.headercontent .subtitle h3{margin:0;padding:0}
.page .section{padding:70px 0;position:relative}
.section-container{padding:0 10%}
.color-1{background:#fcfcfc}
.color-2{background:#f7f7f7}
.color-3{background:#2c2c2d;color:#fff}
.color-4{background:#000}
.section .title{border-bottom:1px solid #ccc;margin:0 0 30px;padding:20px 0}
.section .title h3{padding:0;margin:0;font-size:26px}
.biothumb{position:relative}
.biothumb .overlay{position:absolute;width:100%;color:#fff;bottom:0;background-color:black;background-color:rgba(0,0,0,0.5);padding:25px}
.biothumb .overlay h1{font-size:45px}
.ul-bolded li{font-weight:bold}
.ul-boxed li{padding:7px;background-color:#FdFdFd;margin-bottom:10px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:2px;border-left:5px solid}
ul.ul-card{padding:0;margin:0;list-style:none}
ul.ul-card li{position:relative;padding:50px 15px 20px;background-color:#fff;margin-bottom:15px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:3px;margin-left:10px;color:#333}
ul.ul-card li .dy{position:absolute;top:10px;left:-10px;border-radius:0;padding:0;color:white}
ul.ul-card li .dy span{padding:7px 10px;line-height:30px;margin:0}
ul.ul-card li .dy .year{-webkit-box-shadow:-3px 0 7px -3px rgba(68,68,68,0.5);box-shadow:-3px 0 7px -3px rgba(68,68,68,0.5);margin-left:-3px!important}
ul.ul-card li .description p{font-size:16px;margin:0}
ul.ul-card li .description p.where{font-weight:300;font-size:14px}
ul.ul-dates,ul.ul-dates-gray{margin:0;padding:0;list-style:none}
ul.ul-dates li,ul.ul-dates-gray li{margin-bottom:15px}
ul.ul-dates div.dates,ul.ul-dates-gray div.dates{float:left;width:75px}
ul.ul-dates div.dates span,ul.ul-dates-gray div.dates span{padding:6px;display:block;text-align:center;color:#fff;position:relative}
ul.ul-dates-gray div.dates span{background-color:#BBBBBB}
ul.ul-dates-gray div.dates span:last-child{background-color:#979797}
ul.ul-dates-gray div.dates span:first-child,ul.ul-dates div.dates span:first-child{-webkit-box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);z-index:3;position:relative}
ul.ul-dates div.content,ul.ul-dates-gray div.content{margin-left:90px;min-height:70px;padding-top:10px}
ul.ul-dates div.content h4,ul.ul-dates-gray div.content h4{font-weight:400;font-size:16px;margin-top:0}
ul.ul-dates div.content p,ul.ul-dates-gray div.content p{font-size:13px}
ul.timeline{border-left:8px solid #FFF;list-style:none;padding:1px 0;margin-left:100px}
ul.timeline li .date{float:left;padding:10px 15px 10px 10px;margin-top:10px;margin-left:-115px;font-size:15px;width:110px;text-align:center;color:#fff}
ul.timeline li .circle{float:left;margin:20px 0;margin-left:-14px;width:20px;height:20px;border:4px solid #FFFFFF;border-radius:50%;background-color:#d5d5d5}
ul.timeline li.open .circle{-webkit-box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);box-shadow:0 2px 6px -3px rgba(68,68,68,0.5)}
ul.timeline li .data{background:#fdfdfd;margin:10px 0 10px 20px;border-left:10px solid;padding:18px 20px;font-size:16px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:3px}
ul.timeline li.open .data{background:#fff}
ul.timeline li .data .subject{cursor:pointer;color:#777;font-size:18px}
ul.timeline li .data .text{display:none;margin-top:15px;font-size:14px}
.ul-withdetails{list-style:none;padding:0}
.ul-withdetails li{background-color:#FdFdFd;margin-bottom:15px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:3px}
.ul-withdetails li .image{position:relative;overflow:hidden}
.ul-withdetails li .imageoverlay{position:absolute;top:0;left:-100%;width:100%;height:100%;cursor:pointer;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);opacity:.7}
.ul-withdetails li .imageoverlay i{color:#fff;position:absolute;top:40%;left:45%;font-size:30px}
.ul-withdetails li .meta{overflow:hidden;padding:20px;cursor:pointer}
.ul-withdetails li .details{display:none;padding:20px;background:#fff;-webkit-box-shadow:inset 0 3px 5px -3px #ccc;box-shadow:inset 0 3px 5px -3px #ccc}
#labp-heads-wrap{position:relative;height:180px}
#labp-heads-wrap:after{top:100%;border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(247,103,103,0);border-width:15px;left:50%;margin-left:-15px}
#lab-carousel{width:100%;height:200px;position:absolute;top:0;left:0}
#lab-carousel div{float:left;width:100px;height:100px}
#lab-carousel img{border:none;position:relative;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}
.caroufredsel_wrapper{margin-top:-10px!important;padding-top:20px!important;padding-bottom:20px!important}
#labp-heads-wrap #next,#labp-heads-wrap #prev{position:absolute;top:0;height:100%;line-height:180px;padding:0 10px;color:#f7f7f7;font-size:30px;z-index:4}
#labp-heads-wrap #next{right:0}
#labp-heads-wrap #prev{left:0}
#labp-heads-wrap #prev.disabled,#labp-heads-wrap #next.disabled{color:#ccc;cursor:default}
#lab-details{background-color:#fff;padding:20px;padding-top:40px;text-align:center;min-height:150px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:2px}
#lab-details div{display:none}
#lab-details h3{margin-top:0}
#filters,.filters,#pub-grid{padding:20px 0 30px!important}
#filters h3,.filters h3,div#sort{margin-top:30px}
#sort span{line-height:30px}
.stuck{position:fixed!important;z-index:1001;top:0;right:0;-webkit-box-shadow:0 2px 4px 0 #cecece;box-shadow:0 2px 4px 0 #cecece}
.cd-dropdown,.cd-select{position:relative;margin:20px auto;display:block}
.cd-dropdown &gt; span{width:100%;height:40px;line-height:40px;color:#999;font-weight:700;font-size:16px;background:#fff;display:block;padding:0 10px 0 30px;position:relative;cursor:pointer}
.cd-dropdown &gt; span:after{content:&#39;&#39;;position:absolute;right:0;top:0;width:50px;text-align:center;font-size:12px;padding:8px;height:70%;line-height:24px}
.cd-dropdown.cd-active &gt; span:after{content:&#39;&#39;}
.cd-dropdown ul{list-style-type:none;margin:0;padding:0;display:block;position:relative}
.cd-dropdown &gt; span,.cd-dropdown ul li:nth-last-child(-n+3) span{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.cd-dropdown ul{position:absolute;top:0;width:100%}
.cd-dropdown ul li{position:absolute;width:100%}
.cd-active.cd-dropdown &gt; span,.cd-active.cd-dropdown ul li span{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.cd-active.cd-dropdown ul li span{-webkit-transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-ms-transition:all .2s linear 0;transition:all .2s linear 0}
.cd-active.cd-dropdown ul li span:hover{color:#fff}
.cd-dropdown ul li span{width:100%;background:#fafafa;line-height:40px;padding:0 10px 0 30px;display:block;color:#bcbcbc;cursor:pointer;font-weight:700}
#pub-grid .mix{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;display:none}
.pitems .item{margin-bottom:20px;width:100%}
.pitems .pubmain{background:#fefefe;padding:25px 25px 35px;min-height:130px;position:relative;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;cursor:pointer}
.pitems .pubtitle{margin:0;padding:0 0 15px;font-size:20px;font-weight:300}
.pitems .pubmain div{font-size:small}
.pitems .pubmain .label{margin-right:10px}
.pitems .pubmain .pubassets{position:absolute;bottom:0;right:0;background:#fafafa;text-align:center;border-top:2px solid}
.pitems .pubmain .pubassets a{color:#9b9b9b;padding:5px 15px;float:right;font-size:18px}
.pitems .pubmain .pubassets a:hover,.pitems .pubmain .pubassets a:focus,.pitems .pubmain .pubassets a.pubcollapse{color:#fff}
.pitems .pubdetails{background:#fff;padding:25px;display:none}
#gallery-header{color:#f7f7f7}
#gallery-header h2{font-size:50px;text-align:center}
#gallery-large{background:#303030;padding-top:20px}
ul.grid{max-width:69em;list-style:none;margin:30px auto;padding:0}
ul.grid li{display:block;float:left;padding:15px;width:33%}
@media screen and (max-width: 900px) {
ul.grid li{width:50%}
}
@media screen and (max-width: 400px) {
ul.grid li{width:100%}
}
ul.grid li &gt;div{-webkit-box-shadow:0 0 8px -1px #000;box-shadow:0 0 8px -1px #000;overflow:hidden;position:relative}
ul.grid li .over{position:absolute;bottom:-100%;width:102%;right:-1%;left:-1%;color:#fff}
ul.grid li .comein{position:relative;z-index:1;padding:15px;height:100%}
ul.grid li .comein i{display:block;width:60px;height:60px;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;font-size:22px;color:#FFF;-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff;border:1px solid #fff;text-align:center;padding-top:17px;border-radius:50%}
ul.grid li .comein-bg{-khtml-opacity:.7;-moz-opacity:.7;-ms-filter:â&#8364;&#157;alpha(opacity=70)â&#8364;&#157;;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);filter:alpha(opacity=70);opacity:.7;position:absolute;top:0;bottom:0;right:0;left:0;background:#000;z-index:-1}
ul.grid li a,ul.grid li img{outline:none;border:none;display:block;max-width:100%}
.my-mfp-slide-bottom .mfp-content{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;-ms-transition:all .7s ease-out;transition:all .7s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}
.my-mfp-slide-bottom.mfp-ready .mfp-content{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}
.my-mfp-slide-bottom.mfp-removing .mfp-content{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}
.my-mfp-slide-bottom.mfp-bg{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.my-mfp-slide-bottom.mfp-ready.mfp-bg{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);opacity:.8}
.my-mfp-slide-bottom.mfp-removing.mfp-bg{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0}
.icon-huge{font-size:170px;text-align:center;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);opacity:.3;display:block;padding-top:30px}
@media (max-width: 500px) {
ul.timeline{margin:0;border-left:none}
ul.timeline .circle{display:none}
ul.timeline .data{margin:0!important;margin-bottom:10px!important;padding-top:65px!important}
ul.timeline .date{margin-left:0!important}
}
@media (max-width: 991px) {
.mobilemenu{display:block}
.social-icons,#main-nav{left:-250px;z-index:3}
#main{left:0}
}

body{font-size:16px;font-family:&#39;Lato&#39;,sans-serif;font-weight:400;background:#4D4D4D}
a,a:hover,a:focus{text-decoration:none;outline:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:&quot;Lato&quot;,Helvetica,Arial,sans-serif;font-weight:300}
.mobilemenu{position:fixed;top:0;left:0;right:0;z-index:1002;font-size:30px;padding:2px 10px;background:#2b2b2b;display:block;width:50px;height:50px;color:#fff;display:none}
.mobilemenu:hover,.mobilemenu:focus{color:#fff}
#main-nav{text-align:left;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:250px;background:#2b2b2b;position:absolute;left:0;top:0;bottom:45px;overflow:hidden}
#main{position:absolute;left:250px;right:0;top:0;bottom:0;background:#fefefe;overflow:hidden}
.page{overflow:auto;position:absolute;top:0;left:2000px;bottom:0;width:85%;background-color:#f7f7f7}
.home{left:0;z-index:0;width:100%}
#overlay{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);filter:alpha(opacity=25);opacity:.25;display:none;z-index:300;cursor:crosshair;cursor:url(http://blog-harris-munahar.googlecode.com/svn/pointer.png),auto}
#runner{position:absolute;width:30px;height:20px;color:#fff;font-size:20px;z-index:2000}
.currentpage{-webkit-box-shadow:-2px 0 4px -2px rgba(0,0,0,.25);box-shadow:-2px 0 4px -2px rgba(0,0,0,.25)}
#nav-container{position:relative;padding-bottom:75px;bottom:0;height:100%}
#profile{text-align:center;padding:30px 10px;position:relative}
#profile .portrate{background-image:url(https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-xap1/t1.0-9/1098236_460704234028016_1227622959_n.jpg);width:125px;margin:0 auto;height:125px;border-radius:50%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
#profile .title h2{font-size:28px;font-weight:300;color:#fff;margin:20px 0 10px}
#profile .title h3{font-size:18px;font-weight:300;color:#aaa;margin:0 0 10px}
ul#navigation{padding:0;margin:0}
ul#navigation li{display:block;float:none;clear:both;background:#303030;border-top:1px solid #373737;border-bottom:1px solid #2B2B2B;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;-ms-transition:background .5s;transition:background .5s}
ul#navigation li a{color:#ccc;font-size:14px}
ul#navigation li:hover,ul#navigation li:focus{background:#363636}
ul#navigation li:hover a,ul#navigation li:focus a{color:#f7f7f7}
ul#navigation .currentmenu{font-weight:bold}
ul#navigation li.currentmenu a{color:#fff}
ul#navigation li.currentmenu{background:#363636;border-top:1px solid #3d3d3d;border-bottom:1px solid #252525}
ul#navigation li .text{padding-left:5%;margin-left:50px;line-height:45px;-webkit-box-shadow:-3px 0 5px -4px #000;box-shadow:-3px 0 5px -4px #000}
ul#navigation li .icon{float:left;line-height:45px;width:50px;text-align:center;font-size:27px}
.social-icons{position:absolute;bottom:0;left:0;width:100%;background:#202020;border-top:1px solid #1A1A1A;width:250px;z-index:2;height:45px}
.social-icons ul{padding:0;margin:0;list-style:none}
.social-icons li{float:left;width:33%;padding:10px;text-align:center}
.social-icons a{color:#ccc}
.social-icons a:hover,.social-icons a:focus{color:#fff}
.social-icons i{font-size:16px}
.page-container{position:relative}
.pageheader{background:#f3f3f3;position:relative;padding:60px 0 45px}
.pageheader:after{top:100%;border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(8,4,13,0);border-top-color:#f3f3f3;border-width:30px;left:50%;margin-left:-30px;z-index:1}
.headercontent .title{font-size:50px;margin-bottom:25px;border-bottom:1px solid #ccc;padding:0 0 20px}
.headercontent .subtitle{border-bottom:1px solid #ccc;margin:0 0 10px;padding:5px 0}
.headercontent .subtitle h3{margin:0;padding:0}
.page .section{padding:70px 0;position:relative}
.section-container{padding:0 10%}
.color-1{background:#fcfcfc}
.color-2{background:#f7f7f7}
.color-3{background:#2c2c2d;color:#fff}
.color-4{background:#000}
.section .title{border-bottom:1px solid #ccc;margin:0 0 30px;padding:20px 0}
.section .title h3{padding:0;margin:0;font-size:26px}
.biothumb{position:relative}
.biothumb .overlay{position:absolute;width:100%;color:#fff;bottom:0;background-color:black;background-color:rgba(0,0,0,0.5);padding:25px}
.biothumb .overlay h1{font-size:45px}
.ul-bolded li{font-weight:bold}
.ul-boxed li{padding:7px;background-color:#FdFdFd;margin-bottom:10px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:2px;border-left:5px solid}
ul.ul-card{padding:0;margin:0;list-style:none}
ul.ul-card li{position:relative;padding:50px 15px 20px;background-color:#fff;margin-bottom:15px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:3px;margin-left:10px;color:#333}
ul.ul-card li .dy{position:absolute;top:10px;left:-10px;border-radius:0;padding:0;color:white}
ul.ul-card li .dy span{padding:7px 10px;line-height:30px;margin:0}
ul.ul-card li .dy .year{-webkit-box-shadow:-3px 0 7px -3px rgba(68,68,68,0.5);box-shadow:-3px 0 7px -3px rgba(68,68,68,0.5);margin-left:-3px!important}
ul.ul-card li .description p{font-size:16px;margin:0}
ul.ul-card li .description p.where{font-weight:300;font-size:14px}
ul.ul-dates,ul.ul-dates-gray{margin:0;padding:0;list-style:none}
ul.ul-dates li,ul.ul-dates-gray li{margin-bottom:15px}
ul.ul-dates div.dates,ul.ul-dates-gray div.dates{float:left;width:75px}
ul.ul-dates div.dates span,ul.ul-dates-gray div.dates span{padding:6px;display:block;text-align:center;color:#fff;position:relative}
ul.ul-dates-gray div.dates span{background-color:#BBBBBB}
ul.ul-dates-gray div.dates span:last-child{background-color:#979797}
ul.ul-dates-gray div.dates span:first-child,ul.ul-dates div.dates span:first-child{-webkit-box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);z-index:3;position:relative}
ul.ul-dates div.content,ul.ul-dates-gray div.content{margin-left:90px;min-height:70px;padding-top:10px}
ul.ul-dates div.content h4,ul.ul-dates-gray div.content h4{font-weight:400;font-size:16px;margin-top:0}
ul.ul-dates div.content p,ul.ul-dates-gray div.content p{font-size:13px}
ul.timeline{border-left:8px solid #FFF;list-style:none;padding:1px 0;margin-left:100px}
ul.timeline li .date{float:left;padding:10px 15px 10px 10px;margin-top:10px;margin-left:-115px;font-size:15px;width:110px;text-align:center;color:#fff}
ul.timeline li .circle{float:left;margin:20px 0;margin-left:-14px;width:20px;height:20px;border:4px solid #FFFFFF;border-radius:50%;background-color:#d5d5d5}
ul.timeline li.open .circle{-webkit-box-shadow:0 2px 6px -3px rgba(68,68,68,0.5);box-shadow:0 2px 6px -3px rgba(68,68,68,0.5)}
ul.timeline li .data{background:#fdfdfd;margin:10px 0 10px 20px;border-left:10px solid;padding:18px 20px;font-size:16px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:3px}
ul.timeline li.open .data{background:#fff}
ul.timeline li .data .subject{cursor:pointer;color:#777;font-size:18px}
ul.timeline li .data .text{display:none;margin-top:15px;font-size:14px}
.ul-withdetails{list-style:none;padding:0}
.ul-withdetails li{background-color:#FdFdFd;margin-bottom:15px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:3px}
.ul-withdetails li .image{position:relative;overflow:hidden}
.ul-withdetails li .imageoverlay{position:absolute;top:0;left:-100%;width:100%;height:100%;cursor:pointer;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);opacity:.7}
.ul-withdetails li .imageoverlay i{color:#fff;position:absolute;top:40%;left:45%;font-size:30px}
.ul-withdetails li .meta{overflow:hidden;padding:20px;cursor:pointer}
.ul-withdetails li .details{display:none;padding:20px;background:#fff;-webkit-box-shadow:inset 0 3px 5px -3px #ccc;box-shadow:inset 0 3px 5px -3px #ccc}
#labp-heads-wrap{position:relative;height:180px}
#labp-heads-wrap:after{top:100%;border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(247,103,103,0);border-width:15px;left:50%;margin-left:-15px}
#lab-carousel{width:100%;height:200px;position:absolute;top:0;left:0}
#lab-carousel div{float:left;width:100px;height:100px}
#lab-carousel img{border:none;position:relative;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}
.caroufredsel_wrapper{margin-top:-10px!important;padding-top:20px!important;padding-bottom:20px!important}
#labp-heads-wrap #next,#labp-heads-wrap #prev{position:absolute;top:0;height:100%;line-height:180px;padding:0 10px;color:#f7f7f7;font-size:30px;z-index:4}
#labp-heads-wrap #next{right:0}
#labp-heads-wrap #prev{left:0}
#labp-heads-wrap #prev.disabled,#labp-heads-wrap #next.disabled{color:#ccc;cursor:default}
#lab-details{background-color:#fff;padding:20px;padding-top:40px;text-align:center;min-height:150px;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;border-radius:2px}
#lab-details div{display:none}
#lab-details h3{margin-top:0}
#filters,.filters,#pub-grid{padding:20px 0 30px!important}
#filters h3,.filters h3,div#sort{margin-top:30px}
#sort span{line-height:30px}
.stuck{position:fixed!important;z-index:1001;top:0;right:0;-webkit-box-shadow:0 2px 4px 0 #cecece;box-shadow:0 2px 4px 0 #cecece}
.cd-dropdown,.cd-select{position:relative;margin:20px auto;display:block}
.cd-dropdown &gt; span{width:100%;height:40px;line-height:40px;color:#999;font-weight:700;font-size:16px;background:#fff;display:block;padding:0 10px 0 30px;position:relative;cursor:pointer}
.cd-dropdown &gt; span:after{content:&#39;&#39;;position:absolute;right:0;top:0;width:50px;text-align:center;font-size:12px;padding:8px;height:70%;line-height:24px}
.cd-dropdown.cd-active &gt; span:after{content:&#39;&#39;}
.cd-dropdown ul{list-style-type:none;margin:0;padding:0;display:block;position:relative}
.cd-dropdown &gt; span,.cd-dropdown ul li:nth-last-child(-n+3) span{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.cd-dropdown ul{position:absolute;top:0;width:100%}
.cd-dropdown ul li{position:absolute;width:100%}
.cd-active.cd-dropdown &gt; span,.cd-active.cd-dropdown ul li span{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.cd-active.cd-dropdown ul li span{-webkit-transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-ms-transition:all .2s linear 0;transition:all .2s linear 0}
.cd-active.cd-dropdown ul li span:hover{color:#fff}
.cd-dropdown ul li span{width:100%;background:#fafafa;line-height:40px;padding:0 10px 0 30px;display:block;color:#bcbcbc;cursor:pointer;font-weight:700}
#pub-grid .mix{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;display:none}
.pitems .item{margin-bottom:20px;width:100%}
.pitems .pubmain{background:#fefefe;padding:25px 25px 35px;min-height:130px;position:relative;-webkit-box-shadow:0 3px 3px -3px #ccc;box-shadow:0 3px 3px -3px #ccc;cursor:pointer}
.pitems .pubtitle{margin:0;padding:0 0 15px;font-size:20px;font-weight:300}
.pitems .pubmain div{font-size:small}
.pitems .pubmain .label{margin-right:10px}
.pitems .pubmain .pubassets{position:absolute;bottom:0;right:0;background:#fafafa;text-align:center;border-top:2px solid}
.pitems .pubmain .pubassets a{color:#9b9b9b;padding:5px 15px;float:right;font-size:18px}
.pitems .pubmain .pubassets a:hover,.pitems .pubmain .pubassets a:focus,.pitems .pubmain .pubassets a.pubcollapse{color:#fff}
.pitems .pubdetails{background:#fff;padding:25px;display:none}
#gallery-header{color:#f7f7f7}
#gallery-header h2{font-size:50px;text-align:center}
#gallery-large{background:#303030;padding-top:20px}
ul.grid{max-width:69em;list-style:none;margin:30px auto;padding:0}
ul.grid li{display:block;float:left;padding:15px;width:33%}
@media screen and (max-width: 900px) {
ul.grid li{width:50%}
}
@media screen and (max-width: 400px) {
ul.grid li{width:100%}
}
ul.grid li &gt;div{-webkit-box-shadow:0 0 8px -1px #000;box-shadow:0 0 8px -1px #000;overflow:hidden;position:relative}
ul.grid li .over{position:absolute;bottom:-100%;width:102%;right:-1%;left:-1%;color:#fff}
ul.grid li .comein{position:relative;z-index:1;padding:15px;height:100%}
ul.grid li .comein i{display:block;width:60px;height:60px;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;font-size:22px;color:#FFF;-webkit-box-shadow:0 0 60px #fff;box-shadow:0 0 60px #fff;border:1px solid #fff;text-align:center;padding-top:17px;border-radius:50%}
ul.grid li .comein-bg{-khtml-opacity:.7;-moz-opacity:.7;-ms-filter:â&#8364;&#157;alpha(opacity=70)â&#8364;&#157;;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);filter:alpha(opacity=70);opacity:.7;position:absolute;top:0;bottom:0;right:0;left:0;background:#000;z-index:-1}
ul.grid li a,ul.grid li img{outline:none;border:none;display:block;max-width:100%}
.my-mfp-slide-bottom .mfp-content{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;-ms-transition:all .7s ease-out;transition:all .7s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}
.my-mfp-slide-bottom.mfp-ready .mfp-content{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}
.my-mfp-slide-bottom.mfp-removing .mfp-content{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}
.my-mfp-slide-bottom.mfp-bg{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.my-mfp-slide-bottom.mfp-ready.mfp-bg{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);opacity:.8}
.my-mfp-slide-bottom.mfp-removing.mfp-bg{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0}
.icon-huge{font-size:170px;text-align:center;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);opacity:.3;display:block;padding-top:30px}
@media (max-width: 500px) {
ul.timeline{margin:0;border-left:none}
ul.timeline .circle{display:none}
ul.timeline .data{margin:0!important;margin-bottom:10px!important;padding-top:65px!important}
ul.timeline .date{margin-left:0!important}
}
@media (max-width: 991px) {
.mobilemenu{display:block}
.social-icons,#main-nav{left:-250px;z-index:3}
#main{left:0}
}
ul#navigation li.external:hover .icon,ul#navigation li.currentmenu .icon{color:#03cc85}
.ul-boxed li{border-left-color:#03cc85}
ul.ul-card li .dy .year{background-color:#03cc85}
ul.ul-dates div.dates span{background-color:#03cc85}
ul.timeline li .date{background:#03cc85}
ul.timeline li .data{border-left-color:#03cc85}
.ul-withdetails li .imageoverlay{background:#03cc85}
.cd-active.cd-dropdown &gt; span{color:#03cc85}
.cd-active.cd-dropdown ul li span:hover{background:#03cc85}
.pitems .pubmain .pubassets{border-top-color:#03cc85}
.pitems .pubmain .pubassets a:hover,.pitems .pubmain .pubassets a:focus,.pitems .pubmain .pubassets a.pubcollapse{background:#03cc85}
.contact-office .icon-huge,.contact-lab .icon-huge{color:#03cc85}
ul.ul-card li .dy .degree{background-color:#03bb7a}
ul.ul-dates div.dates span:last-child{background-color:#03bb7a}
ul.timeline li.open .circle{background-color:#03bb7a}
ul.timeline li.open .data{border-color:#03bb7a}
#labp-heads-wrap{background-color:#03bb7a}
#labp-heads-wrap:after{border-top-color:#03bb7a}
.style-container{ position: fixed; right:-205px; top:150px; width:212px; height:260px; background-color: #3c3c3c; padding:10px; z-index: 5000; color:#fff; } #demo-custom{ position:absolute; top:0; left:-38px; font-size: 25px; text-align: center; width:250px; height:40px; cursor: pointer; z-index: 5000; background-color: #353535; text-align:left; padding:1px 10px; } #demo-custom h4{ display: inline; padding-left: 15px; padding-top: 0; margin-top: 0; font-size: 20px; } ul.pre-styles{ margin: 60px 0px 10px -7px; list-style: none; } ul.pre-styles li{ width:60px; height:40px; display: inline-block; margin-right:10px; margin-bottom:10px; cursor: pointer; } ul.pre-styles li:hover{ border:2px solid #2c2c2c; } .default{ background-color:#03cc85; } .purple{ background-color:#ec46ef; } .red{ background-color:#ff5468; } .pink{ background-color:#f17098; } .yellow{ background-color:#d5eb7d; } .blue{ background-color:#9a9ef6; } .cyan{ background-color:#0bb; }
div#main2 {
padding: 0;
}img.DADpimg {
width: 60px;
float: left;
margin-right: 5px;
height: 50px;
border-radius: 5px;
}
@-webkit-keyframes pejuh{from{-webkit-transform:translate(1000px,0px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}
@-moz-keyframes pejuh{from{-moz-transform:translate(1000px,0px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}
@-ms-keyframes pejuh{from{-ms-transform:translate(1000px,0px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}
@keyframes pejuh{from{transform:translate(1000px,0px);opacity:0}to{transform:translate(0px,0px);opacity:1}
}
#main{-webkit-animation:pejuh 0.5s;-moz-animation:pejuh 0.5s;animation:pejuh 0.5s;}
@-webkit-keyframes pejuh-kontol{from{-webkit-transform:translate(-1000px,0px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}
@-moz-keyframes pejuh-kontol{from{-moz-transform:translate(-1000px,0px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}
@-ms-keyframes pejuh-kontol{from{-ms-transform:translate(-1000px,0px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}
@keyframes pejuh-kontol{from{transform:translate(-1000px,0px);opacity:0}to{transform:translate(0px,0px);opacity:1}
}
.col-sm-12.col-md-7{-webkit-animation:pejuh-kontol 1.3s;-moz-animation:pejuh-kontol 1.3s;animation:pejuh-kontol 1.3s;-webkit-animation-
}
@-moz-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes bounceInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-moz-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}
@-webkit-keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
  @-moz-keyframes bounceIn{
0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes bounceIn {
0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn {
0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
  @-moz-keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-webkit-keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
.text.row,.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}

.pubtitle a {
color: black;
}
</style>

        
        <!--/CSS styles-->
        <!--Javascript files-->
       <script src='http://blog-harris-munahar.googlecode.com/svn/jquy.js' type='text/javascript'/> <script src='http://blog-harris-munahar.googlecode.com/svn/totlo.js' type='text/javascript'/>  <script src='http://blog-harris-munahar.googlecode.com/svn/carouFredSel-6.2.1-packed.js' type='text/javascript'/>  <script src='http://blog-harris-munahar.googlecode.com/svn/bootstrap.min.js' type='text/javascript'/> 
 
        <!--/Custom Styles-->
  </b:if>

  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'/>
<div id='wrapper'>
            <a class='mobilemenu' href='#sidebar'><i class='icon-reorder'/></a>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>

            <div id='sidebar'>
                <div id='main-nav'>
                    <div id='nav-container'>
                        <div class='clearfix bounceInDown animated' id='profile'>
                            <div class='portrate hidden-xs'/>
                            <div class='title'>
                                <h2>Melliana Febriani Raesin</h2>
                                <h3>SMPN 15 Tangerang</h3>
                            </div>
                            
                        </div>
                        <ul class='flipInY animated' id='navigation'>
                            <li>
                              <a href='#biography'>
                                <div class='icon icon-user'/>
                                <div class='text'>Tentang Saya</div>
                              </a>
                            </li>  
                            
                            
                            
                            <li>
                              <a href='#publications'>
                                <div class='icon icon-edit'/>
                                <div class='text'>Postingan Blog</div>
                              </a>
                            </li> 

                            <li>
                              <a href='#teaching'>
                                <div class='icon icon-time'/>
                                <div class='text'>Kata Bijak Pelajar</div>
                              </a>
                            </li>

                            


                            <li>
                              <a href='#contact'>
                                  <div class='icon icon-calendar'/>
                                  <div class='text'>Kontak Saya</div>
                              </a>
                            </li>

                            
                        </ul>
                    </div>        
                </div>
                
                <div class='social-icons bounceIn animated'>
                    <ul>
                        <li><a href='https://www.facebook.com/melli.febriani.1'><i class='icon-facebook'/></a></li>
                        <li><a href='#'><i class='icon-twitter'/></a></li>
                        <li><a href='#'><i class='icon-linkedin'/></a></li>
                    </ul>
                </div>    
            </div>
  </b:if>

            <div id='main'>
             <b:if cond='data:blog.pageType == &quot;index&quot;'>

                <div class='page home' data-pos='home' id='biography'>
                    <div class='pageheader'>
                        <div class='headercontent'>
                            <div class='section-container'>
                                
                                <div class='row'>
                                    <div class='col-sm-2 visible-sm'/>
                                    <div class='col-sm-8 col-md-5'>
                                        <div class='biothumb'>
                                            <img alt='image' class='img-responsive' src='https://scontent-b-nrt.xx.fbcdn.net/hphotos-xpf1/t1.0-9/10559930_645576755540762_6826240680318698456_n.jpg'/>
                                            <div class='overlay'>
                                                
                                                <h1 class=''>Melliana Febriani Raesin</h1>
                                                <ul class='list-unstyled'>
                                                    <li>Kelas: IX.C</li>
                                                    <li>Tinggal: Tangerang</li>
                                                    <li>SMPN 15 Tangerang</li>
                                                </ul>
                                            </div> 
                                            
                                               
                                        </div>
                                        
                                    </div>
                                    <div class='clearfix visible-sm visible-xs'/>
                                    <div class='col-sm-12 col-md-7'>
                                        <h3 class='title'>Biodata Saya</h3>
                                        <p>nama panjang saya melliana febriani raesin ,saya murid pelajar di SMPN 15 Tangerang. Saya lahir pada tanggal 13 Februari 2000 yg beralamat di Jl.Padasuka1 . kesukaan saya adalah menggambar, menari, dan lain-lain. nama akun facebook : Melli Ress dan Melli Ress Part II , Twitter: @Melliana28 , Instagram: Melliana28 , dan Ask Fm: Melliana28 . </p>
                                    </div>  
                                    
                                </div>
                            </div>        
                        </div>
                    </div>

                    <div class='pagecontents'>
                        <div class='section color-1 flipInY animated'>
                            <div class='section-container'>
                                <div class='row'>
                                    <div class='col-md-5 col-md-offset-1'>
                                        <div class='title text-center'>
                                            <h3>Posisi Akademik</h3>
                                        </div>
                                        <ul class='ul-dates'>
                                            <li>
                                                <div class='dates'>
                                                    <span>Sekarang</span>
                                                    <span>2006</span>
                                                </div>
                                                <div class='content'>
                                                    <h4>SMPN 15 Tangerang</h4>
                                                    <p>SDN Pasar Baru 3</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class='dates'>
                                                    <span>2005</span>
                                                    <span>2000</span>
                                                </div>
                                                <div class='content'>
                                                    <h4>TK Ar-Rafi</h4>
                                                    <p>Tanggal lahir saya</p>
                                                </div>
                                            </li>
                                            
                                           
                                        </ul>
                                    </div>
                                    <div class='col-md-5'>
                                        <div class='title text-center'>
                                            <h3>Education  Training</h3>
                                        </div>
                                        <ul class='ul-card'>
                                            <li>
                                                <div class='dy'>
                                                    <span class='degree'>Yunus Raesin</span>
                                                    <span class='year'>1987</span>
                                                </div>
                                                <div class='description'>
                                                    <p class='waht'>Buruh</p>
                                                    <p class='where'>Lulusan SMA</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class='dy'>
                                                    <span class='degree'>Sri Winarsih</span><span class='year'>1988</span>
                                                </div>
                                                <div class='description'>
                                                    <p class='waht'>Karyawati</p>
                                                    <p class='where'>Lulusan SMP</p>
                                                </div>
                                            </li>
                                            <li>
                                                <div class='dy'>
                                                    <span class='degree'>Fawwaz Nabigh Raesin</span><span class='year'>2008</span>
                                                </div>
                                                <div class='description'>
                                                    <p class='waht'>Pelajar</p>
                                                    <p class='where'>Masih Sekolah</p>
                                                </div>
                                            </li>
                                            
                                        </ul>

                                    </div>    
                                </div>    
                            </div>
                                
                        </div>

                        <div class='section color-2'>
                            <div class='section-container'>
                                <div class='row'>
                                    <div class='col-md-10 col-md-offset-1'>
                                        <div class='title text-center'>
                                            <h3>Prestasi dan penghargaan</h3>
                                        </div>
                                        <ul class='timeline'>
                                                    
                                            <li class='open'>
                                                <div class='date'>2014 kls8 smester 2</div>
                                                <div class='circle'/>
                                                <div class='data'>
                                                    <div class='subject'>Rangking 4</div>
                                                    <div class='text row animated'>
                                                        <div class='col-md-2'>
                                                            <img alt='image' class='thumbnail img-responsive' src='http://owwwlab.com/faculty/img/Nobel_Prize.png'/>
                                                        </div>
                                                        <div class='col-md-10'>
                                                 Saya Bersyukur karna mendapatkan urutan ke 4 walaupun Rangkin saya menurun akan tetapi alhamdulillah nilai-nilai saya meningkat.
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class='date'>2014 kls8 smester 1</div>
                                                <div class='circle'/>
                                                <div class='data'>
                                                    <div class='subject'>Rangking 2</div>
                                                    <div class='text row animated'>
                                                        <div class='col-md-2'>
                                                            <img alt='image' class='thumbnail img-responsive' src='http://owwwlab.com/faculty/img/Nobel_Prize.png'/>
                                                        </div>
                                                        <div class='col-md-10'>
                                                          Alhamdulillah ya karna saya mendapatkan urutan ke 2 , nilainya agak meningkat dari sebelumnya , saya harus mempertahanin peringkat ini agar kelak mendapatkan urutan ke 1 . dan akan mengusahakan agar belajar dengan tekun.                                         
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class='date'>2013 kls7 smester 2</div>
                                                <div class='circle'/>
                                                <div class='data'>
                                                    <div class='subject'>Rangking 2</div>
                                                    <div class='text row animated'>
                                                        <div class='col-md-2'>
                                                            <img alt='image' class='thumbnail img-responsive' src='http://owwwlab.com/faculty/img/Nobel_Prize.png'/>
                                                        </div>
                                                        <div class='col-md-10'>
                                                            akhirnya setelah ulangan tengah semester berlanjut saya mendapatkan peringkat 2 ,walaupun pada ulangan tengah semester saya menurun peringkatnya namun saya usaha kembali agar mendapatkan peringkat 2 , terimakasih atas bimbingan para guru dan terimakasih kepada Allah.
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class='date'>2013 kls7 tngah smester</div>
                                                <div class='circle'/>
                                                <div class='data'>
                                                    <div class='subject'>Rangking 3</div>
                                                    <div class='text row animated'>
                                                        <div class='col-md-2'>
                                                            <img alt='image' class='thumbnail img-responsive' src='http://owwwlab.com/faculty/img/Nobel_Prize.png'/>
                                                        </div>
                                                        <div class='col-md-10'>
                                                            Setelah saya usaha ternyata prestasi saya menurun, mungkin karna saya kurang tekun dalam pembelajarannya. akan tetapi saya akan berusaha agar mendapatkan kembali urutan ke 2 biar bisa membanggakan orangtua dan saya akan tetap semangat belajar.
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                           
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>                            
                    </div>
                </div>

              </b:if>

                <div class='page' id='publications'>
                    <div class='page-container'>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
                        <div class='pageheader'>
                            <div class='headercontent'>
                                <div class='section-container'>
                                    
                                    <h2 class='title'>Pilih Postingan Blog</h2>
                                    <div class='row'>
                                        <div class='col-md-12'>
                                          <p>Dibawah ini adalah Postingan Saya, Silahkan lihat-lihat . Tapi jangan dibawa pulang :D</p>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                      </b:if>

                        <div class='pagecontents'>
                             <b:if cond='data:blog.pageType == &quot;index&quot;'>

                            <div class='section color-1' id='filters'>
                                <div class='section-container'>
                                    <div class='row'>
                                        
                                      
                                        
                                        <div class='col-md-3' id='sort'>
                                            <span>Sort by year:</span>
                                            <div class='btn-group pull-right'> 

                                                <button class='sort btn btn-default' data-order='desc' data-sort='data-year' type='button'><i class='icon-sort-by-order'/></button>
                                                <button class='sort btn btn-default' data-order='asc' data-sort='data-year' type='button'><i class='icon-sort-by-order-alt'/></button>
                                            </div>
                                        </div>    
                                    </div>
                                </div>
                            </div>
                          </b:if>
                             <b:if cond='data:blog.pageType != &quot;index&quot;'>

<div class='menu'><ul><li><a href='/'>&#10026; beranda</a></li>
<li><a href='/search/label/max-result=2'>&#9782; new post</a></li>
<li><a href='/p/daftar-isi-blogku.html'>&#10070; archieve</a></li>
<li><a href='/p/about-me.html'>&#9993; contact&#39;us</a></li>
  </ul></div></b:if>
                            <div class='section color-2' id='pub-grid'>
                                <div class='section-container'>
                                    
                                    <div class='row'>
                                        <div class='col-md-12'>
                                            <div class='pitems'>

                                                 <div id='weteng-gede'>
          <b:section class='memenr' id='main2' showaddelement='yes'>
            <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
              <b:includable id='main' var='top'>
                <b:if cond='data:mobile == &quot;false&quot;'>
                  <!-- posts -->
                  <div class='blog-posts hfeed'>
                    <b:include data='top' name='status-message'/>
                    <data:defaultAdStart/>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.isDateStart'>
                        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                          &lt;/div&gt;&lt;/div&gt;
                        </b:if>
                      </b:if>
                      <b:if cond='data:post.isDateStart'>
                        &lt;div class=&quot;date-outer&quot;&gt;
                      </b:if>
                      <b:if cond='data:post.dateHeader'>
                       
                      </b:if>
                      <b:if cond='data:post.isDateStart'>
                        &lt;div class=&quot;date-posts&quot;&gt;
                      </b:if>
                      <div class='post-outer'>
                        <b:include data='post' name='post'/>
                        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='threaded_comments'/>
                            <b:else/>
                            <b:include data='post' name='comments'/>
                          </b:if>
                        </b:if>
                        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='threaded_comments'/>
                            <b:else/>
                            <b:include data='post' name='comments'/>
                          </b:if>
                        </b:if>
                      </div>
                      <b:if cond='data:post.includeAd'>
                        <b:if cond='data:post.isFirstPost'>
                          <data:defaultAdEnd/>
                          <b:else/>
                          <data:adEnd/>
                        </b:if>
                        <div class='inline-ad'>
                          <data:adCode/>
                        </div>
                        <data:adStart/>
                      </b:if>
                    </b:loop>
                    <b:if cond='data:numPosts != 0'>
                      &lt;/div&gt;&lt;/div&gt;
                    </b:if>
                    <data:adEnd/>
                  </div>
                  <!-- navigation -->
                  <b:include name='nextprev'/>
                  <!-- feed links -->
                  <b:include name='feedLinks'/>
                  <b:if cond='data:top.showStars'>
                    <script src='//www.google.com/jsapi' type='text/javascript'/>
                    <script type='text/javascript'>
                      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                      function initialize() {
                        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                        google.annotations.createAll();
                        google.annotations.fetch();
                      }
                      google.setOnLoadCallback(initialize);
                    </script>
                  </b:if>
                  <b:else/>
                  <b:include name='mobile-main'/>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <data:top.dummyBootstrap/>
                </b:if>
              </b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'/>
              <b:includable id='backlinks' var='post'>
                <a name='links'/>
                <h4>
                  <data:post.backlinksLabel/>
                </h4>
              </b:includable>
              <b:includable id='comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <b:else/>
                    <h4 id='comment-post-message'>
                      <data:postCommentMsg/>
                    </h4>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='' width='97%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);</script>
                </div>
              </b:includable>
              <b:includable id='commentDeleteIcon' var='comment'/>
              <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
              <b:includable id='comment_picker' var='post'>
                <b:if cond='data:post.commentSource == 1'>
                  <b:include data='post' name='iframe_comments'/>
                  <b:else/>
                  <b:if cond='data:post.showThreadedComments'>
                    <b:include data='post' name='threaded_comments'/>
                    <b:else/>
                    <b:include data='post' name='comments'/>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='comments' var='post'>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <center>
                    <div class='cocot'>
                      <a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                        &#9785;|| Click To Post Comments ||&#9785;
                      </a>
                    </div>
                  </center>
                  <div class='comments' id='comments'>
                    <b:if cond='data:post.allowComments'>
                      <b:if cond='data:post.commentPagingRequired'>
                        <span class='paging-control-container'>
                          <b:if cond='data:post.hasOlderLinks'>
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                              <data:post.oldestLinkText/>
                            </a>
                            &#160;
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                              <data:post.olderLinkText/>
                            </a>
                            &#160;
                          </b:if>
                          <data:post.commentRangeText/>
                          <b:if cond='data:post.hasNewerLinks'>
                            &#160;
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                              <data:post.newerLinkText/>
                            </a>
                            &#160;
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                              <data:post.newestLinkText/>
                            </a>
                          </b:if>
                        </span>
                      </b:if>
                      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                          <b:loop values='data:post.comments' var='comment'>
                            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                              <b:if cond='data:comment.favicon'>
                                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                              </b:if>
                              <a expr:name='data:comment.anchorName'/>
                              <b:if cond='data:blog.enabledCommentProfileImages'>
                                <data:comment.authorAvatarImage/>
                              </b:if>
                              <b:if cond='data:comment.authorUrl'>
                                <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                  <data:comment.author/>
                                </a>
                                <b:else/>
                                <data:comment.author/>
                              </b:if>
                              <data:commentPostedByMsg/>
                            </dt>
                            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'/>
                            <dd class='comment-footer'>
                              <span class='comment-timestamp'>
                                <a expr:href='data:comment.url' title='comment permalink'>
                                  <data:comment.timestamp/>
                                </a>
                              </span>
                            </dd>
                          </b:loop>
                        </dl>
                      </div>
                      <b:if cond='data:post.commentPagingRequired'>
                        <span class='paging-control-container'>
                          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                            <data:post.oldestLinkText/>
                          </a>
                          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                            <data:post.olderLinkText/>
                          </a>
                          &#160;
                          <data:post.commentRangeText/>
                          &#160;
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                            <data:post.newerLinkText/>
                          </a>
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                            <data:post.newestLinkText/>
                          </a>
                        </span>
                      </b:if>
                      <p class='comment-footer'>
                        <b:if cond='data:post.embedCommentForm'>
                          <b:if cond='data:post.allowNewComments'>
                            <b:include data='post' name='comment-form'/>
                            <b:else/>
                            <data:post.noNewCommentsText/>
                          </b:if>
                          <b:else/>
                          <b:if cond='data:post.allowComments'>
                            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                              <data:postCommentMsg/>
                            </a>
                          </b:if>
                        </b:if>
                      </p>
                    </b:if>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:else/>
                </b:if>
              </b:includable>
              <b:includable id='feedLinksBody' var='links'/>
              <b:includable id='iframe_comments' var='post'>
                <b:if cond='data:post.allowComments'>
                  <script expr:src='data:post.commentSrc' type='text/javascript'/>
                  <div class='cmt_iframe_holder'/>
                  <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                      data:postCommentMsg/&gt;
                    </a>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='mobile-index-post' var='post'>
                <div class='mobile-date-outer date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </div>
                  </b:if>
                  <div class='mobile-post-outer'>
                    <a expr:href='data:post.url'>
                      <h3 class='mobile-index-title entry-title' itemprop='name'>
                        <data:post.title/>
                      </h3>
                      <div class='mobile-index-arrow'>
                        &amp;rsaquo;
                      </div>
                      <div class='mobile-index-contents'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <div class='mobile-index-thumbnail'>
                            <div class='Image'>
                              <img expr:src='data:post.thumbnailUrl'/>
                            </div>
                          </div>
                        </b:if>
                        <div class='post-body'>
                          <b:if cond='data:post.snippet'>
                            <data:post.snippet/>
                          </b:if>
                        </div>
                      </div>
                      <div style='clear: both;'/>
                    </a>
                    <div class='mobile-index-comment'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.numComments != 0'>
                            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                              <b:if cond='data:post.numComments == 1'>
                                1 
                                <data:top.commentLabel/>
                                <b:else/>
                                <data:post.numComments/>
                                <data:top.commentLabelPlural/>
                              </b:if>
                            </a>
                          </b:if>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='mobile-main' var='top'>
                <!-- posts -->
                <div class='blog-posts hfeed'>
                  <b:include data='top' name='status-message'/>
                  <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-index-post'/>
                    </b:loop>
                    <b:else/>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-post'/>
                    </b:loop>
                  </b:if>
                </div>
                <b:include name='mobile-nextprev'/>
              </b:includable>
              <b:includable id='mobile-nextprev'/>
              <b:includable id='mobile-post' var='post'>
                <div class='date-outer'>
                  <div class='date-posts'>
                    <div class='post-outer'>
                      <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title' itemprop='name'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <b:if cond='data:blog.url != data:post.url'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                          <data:post.body/>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                      </div>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='threaded_comments'/>
                          <b:else/>
                          <b:include data='post' name='comments'/>
                        </b:if>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='threaded_comments'/>
                          <b:else/>
                          <b:include data='post' name='comments'/>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='nextprev'>
                <div class='blog-pager' id='blog-pager'>
                  <b:if cond='data:newerPageUrl'>
                    <span id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                        <data:newerPageTitle/>
                      </a>
                    </span>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <span id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                        <data:olderPageTitle/>
                      </a>
                    </span>
                  </b:if>
                  <b:if cond='data:mobileLinkUrl'>
                    <div class='blog-mobile-link'>
                      <a expr:href='data:mobileLinkUrl'>
                        <data:mobileLinkMsg/>
                      </a>
                    </div>
                  </b:if>
                </div>
              </b:includable>
              <b:includable id='post' var='post'>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>

 <div class='item mix cpaper' expr:data-year='data:post.dateHeader'>
                                                    <div class='pubmain'>
                                                        <div class='pubassets'>
                                                            
                                                            <a class='pubcollapse' href='#'>
                                                                <i class='icon-expand-alt'/>
                                                            </a>
                                                            <a class='tooltips' expr:href='data:post.url' title='External link'>
                                                                <i class='icon-external-link'/>
                                                            </a>
                                                            <a class='tooltips' href='http://faculty-gsb.stanford.edu/aaker/pages/documents/CultivatingAdmirationinBrands_JCP2012.pdf' title='Download'>
                                                                <i class='icon-cloud-download'/>
                                                            </a>
                                                            
                                                        </div>

                                                        <h4 class='pubtitle'><a expr:href='data:post.url'>
                            
                              <data:post.title/>
                            </a></h4>
                                                        <div class='pubauthor'><strong>Melliana Febriani Raesin</strong></div>
                                                        <div class='pubcite'><span class='label label-warning'>Conference Papers</span> Journal of Consumer Psychology, Volume 22, Issue 2, <data:post.dateHeader/></div>
                                                        
                                                    </div>
                                                    <div class='pubdetails bounceInDown animated'>
                                                       
                                                        <p> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'> <img class='DADpimg' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/> </a> <b:else/> <a expr:href='data:post.url'> <img class='DADpimg' expr:alt='data:post.title' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/> </a> </b:if><data:post.snippet/></p>
                                                    </div>
                                                </div>
                </b:if>
                  <a expr:name='data:post.id'/>
                  <b:if cond='data:post.title'>
                    <h3 class='post-title entry-title' itemprop='name'>
                      <b:if cond='data:post.link'>
                        <a expr:href='data:post.link'>
                          <data:post.title/>
                        </a>
                        <b:else/>
                        <b:if cond='data:post.url'>
                          <b:if cond='data:blog.url != data:post.url'>
                            
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                          <b:else/>
                          <data:post.title/>
                        </b:if>
                      </b:if>
                    </h3>
                  </b:if>
                  <div class='post-header'>
                    <div class='post-header-line-1'/>
                  </div>
                  <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                      <data:post.body/>
                      <b:else/>
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                        <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
                          
                        </b:if>
                        <b:else/>
                        <data:post.body/>
                      </b:if>
                    </b:if>
                    <div style='clear: both;'/>
                    <!-- clear for photos floats -->
                   
                  </div>
              </b:includable>
              <b:includable id='postQuickEdit' var='post'/>
              <b:includable id='shareButtons' var='post'>
                <b:if cond='data:top.showFacebookButton'/>
                <b:if cond='data:top.showDummy'>
                  <div class='goog-inline-block dummy-container'>
                    <data:post.dummyTag/>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='status-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'/>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:includable>
              <b:includable id='threaded-comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <b:else/>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='400' id='comment-editor' name='comment-editor' src='' style='' width='97%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                  </script>
                </div>
              </b:includable>
              <b:includable id='threaded_comment_js' var='post'>
                <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                <script type='text/javascript'>
                  (function() {
                    var items = <data:post.commentJso/>;
                    var msgs = <data:post.commentMsgs/>;
                    var config = <data:post.commentConfig/>;
                    // <![CDATA[
                    var cursor = null;
                    if (items && items.length > 0) {
                      cursor = parseInt(items[items.length - 1].timestamp) + 1;}
                    var bodyFromEntry = function(entry) {
                      if (entry.gd$extendedProperty) {
                        for (var k in entry.gd$extendedProperty) {
                          if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                            return '<span class="deleted-comment">' + entry.content.$t + '</span>';}}}
                      return entry.content.$t;}
                    var parse = function(data) {
                      cursor = null;
                      var comments = [];
                      if (data && data.feed && data.feed.entry) {
                        for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                          var comment = {};
                          // comment ID, parsed out of the original id format
                          var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                          comment.id = id ? id[2] : null;
                          comment.body = bodyFromEntry(entry);
                          comment.timestamp = Date.parse(entry.published.$t) + '';
                          if (entry.author && entry.author.constructor === Array) {
                            var auth = entry.author[0];
                            if (auth) {
                              comment.author = {
                                name: (auth.name ? auth.name.$t : undefined),
                                profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)};}}
                          if (entry.link) {
                            if (entry.link[2]) {
                              comment.link = comment.permalink = entry.link[2].href;}
                            if (entry.link[3]) {
                              var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                              if (pid && pid[1]) {
                                comment.parentId = pid[1];}}}
                          comment.deleteclass = 'item-control blog-admin';
                          if (entry.gd$extendedProperty) {
                            for (var k in entry.gd$extendedProperty) {
                              if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;}}}
                          comments.push(comment);}}
                      return comments;};
                    var paginator = function(callback) {
                      if (hasMore()) {
                        var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                        if (cursor) {
                          url += '&published-min=' + new Date(cursor).toISOString();}
                        window.bloggercomments = function(data) {
                          var parsed = parse(data);
                          cursor = parsed.length < 50 ? null
                          : parseInt(parsed[parsed.length - 1].timestamp) + 1
                          callback(parsed);
                          window.bloggercomments = null;}
                        url += '&callback=bloggercomments';
                        var script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = url;
                        document.getElementsByTagName('head')[0].appendChild(script);}};
                    var hasMore = function() {
                      return !!cursor;};
                    var getMeta = function(key, comment) {
                      if ('iswriter' == key) {
                        var matches = !!comment.author
                        && comment.author.name == config.authorName
                        && comment.author.profileUrl == config.authorUrl;
                        return matches ? 'true' : '';
                      } else if ('deletelink' == key) {
                        return config.baseUri + '/delete-comment.g?blogID='
                        + config.blogId + '&postID=' + comment.id;
                      } else if ('deleteclass' == key) {
                        return comment.deleteclass;}
                      return '';};
                    var replybox = null;
                    var replyUrlParts = null;
                    var replyParent = undefined;
                    var onReply = function(commentId, domId) {
                      if (replybox == null) {
                        // lazily cache replybox, and adjust to suit this style:
                        replybox = document.getElementById('comment-editor');
                        if (replybox != null) {
                          replybox.height = '200px';
                          replybox.style.display = 'block';
                          replyUrlParts = replybox.src.split('#');}}
                      if (replybox && (commentId !== replyParent)) {
                        document.getElementById(domId).insertBefore(replybox, null);
                        replybox.src = replyUrlParts[0]
                        + (commentId ? '&parentID=' + commentId : '')
                        + '#' + replyUrlParts[1];
                        replyParent = commentId;}};
                    var hash = (window.location.hash || '#').substring(1);
                    var startThread, targetComment;
                    if (/^comment-form_/.test(hash)) {
                      startThread = hash.substring('comment-form_'.length);
                    } else if (/^c[0-9]+$/.test(hash)) {
                      targetComment = hash.substring(1);}
                    // Configure commenting API:
                    var configJso = {
                      'maxDepth': config.maxThreadDepth};
                    var provider = {
                      'id': config.postId,
                      'data': items,
                      'loadNext': paginator,
                      'hasMore': hasMore,
                      'getMeta': getMeta,
                      'onReply': onReply,
                      'rendered': true,
                      'initComment': targetComment,
                      'initReplyThread': startThread,
                      'config': configJso,
                      'messages': msgs};
                    var render = function() {
                      if (window.goog && window.goog.comments) {
                        var holder = document.getElementById('comment-holder');
                        window.goog.comments.render(holder, provider);}};
                    // render now, or queue to render when library loads:
                    if (window.goog && window.goog.comments) {
                      render();
                    } else {
                      window.goog = window.goog || {};
                      window.goog.comments = window.goog.comments || {};
                      window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                      window.goog.comments.loadQueue.push(render);}})();// ]]>
                </script>
              </b:includable>
              <b:includable id='threaded_comments' var='post'>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <center>
                    <div class='cocot'>
                      <a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                        &#9785;|| Click To Post Comments ||&#9785;
                      </a>
                    </div>
                  </center>
                  <div class='comments' id='comments'>
                    <!-- AddThis Button BEGIN -->
                    <div class='share'>
                      <div class='addthis_toolbox addthis_default_style'>
                        <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
                        <a class='addthis_counter addthis_pill_style'/>
                      </div>
                      <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/>
                    </div>
                    <!-- AddThis Button END -->
                    <div class='comments-content'>
                      <b:if cond='data:post.embedCommentForm'>
                        <b:include data='post' name='threaded_comment_js'/>
                      </b:if>
                      <div id='comment-holder'>
                        <data:post.commentHtml/>
                      </div>
                    </div>
                    <p class='comment-footer'>
                      <b:if cond='data:post.allowNewComments'>
                        <b:include data='post' name='threaded-comment-form'/>
                        <b:else/>
                        <data:post.noNewCommentsText/>
                      </b:if>
                    </p>
                  </div>
                </b:if>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
        <div id='sidebar-wrapper'>
          <b:section class='sidebar' id='sidebar' preferred='yes'/>
        </div>
                                               




                                              

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>


                <div class='page' id='teaching'>
                    <div class='pageheader'>
                        <div class='headercontent'>
                            <div class='section-container'>
                                
                                <h2 class='title'>Kata-Kata Bijak Pelajar</h2>
                                
                                <div class='row'>
                                    <div class='col-md-12'>
                                        <p>&quot;Tak seperti harta, ilmu takkan habis bila dibagi.&quot; &quot;Tidak ada kata tua untuk belajar.&quot; &quot;Menuntut ilmu adalah keharusan.&quot; &quot;Allah akan meninggikan derajat orang yang beriman dan berilmu.&quot; &quot;Cara agar bisa mempelajari banyak pengetahuan yaitu jangan tiba-tiba belajar terlalu banyak dalam waktu singkat.&quot; &quot;Tuntutlah ilmu sampai ke negeri Cina!&quot; &quot;Tuntutlah ilmu sejak buaian sampai ke liang lahat!&quot; &quot;Dengan kecerdasan jiwalah manusia menuju arah kesejahteraan.&quot; - Ki Hajar Dewantara &quot;Ilmu pengetahuan tanpa agama lumpuh, agama tanpa ilmu pengetahuan buta.&quot; &quot;Ilmu bagaikan kunci emas kehidupan.&quot; &quot;Bencana akibat kebodohan adalah sebesar-besar musibah seorang manusia.&quot; - Al Ghazali - .</p>                                                   
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='pagecontents'>
                        <div class='section color-1'>
                            <div class='section-container'>
                                <div class='row'>
                                    <div class='title text-center'>
                                        <h3>Currrent Teaching</h3>
                                    </div>
                                    <ul class='ul-dates'>
                                        <li>
                                            <div class='dates'>
                                                <span>No</span>
                                                <span>1</span>
                                            </div>
                                            <div class='content'>
                                                <h4>Bahaya Shisha 1</h4>
                                                <p>satu kali hisapan shisha, mengandung zat berbahaya yang sama dengan 70 kali menghisap rokok biasa.</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='dates'>
                                                <span>No</span>
                                                <span>2</span>
                                            </div>
                                            <div class='content'>
                                                <h4>Bahaya Shisa 2</h4>
                                                <p>Jumlah asap yang dihirup oleh si perokok shisha pun jelas lebih banyak dibanding rokok biasa, sebab bentuk pipa shisha yang besar..</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class='dates'>
                                                <span>No</span>
                                                <span>3</span>
                                            </div>
                                            <div class='content'>
                                                <h4>Bahaya Shisa 3</h4>
                                                <p>Kandungan tar, nikotin dan karbon monoksida yang dihasilkan shisha pun amat berlimpah.Jika seseorang duduk dan menghisap shisha 1 jam, maka bahayanya sama seperti orang yang menghabiskan 100 batang rokok.</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                      
                    </div>
                </div>
                
            
                <div class='page stellar' id='contact'>
                    <div class='pageheader'>
                        <div class='headercontent'>
                            <div class='section-container'>
                                
                                <h2 class='title'>Kontak Saya</h2>
                            
                                <div class='row'>
                                    <div class='col-md-8'>
                                        <p>Sahabat...
Kau selalu menemaniku
Di saat aku sedih maupun aku gembira
Kau seperti Matahari yang menyinari bumi..
Kau seperti ada di dalam jiwa dan ragaku...

Oh Sahabat...
Aku terpikir bila kita tidak bersama-sama lagi...
Jika Tuhan bisa aku ajak bicara..
Aku pasti bicara &quot;Ohh.. Tuhan jika kau ambil nyawa sahabat ku,ambilah juga nyawaku&#39;&#39;
Jika diperintahkan untuk memilih pun aku pasti memilih sahabat dari pada seorang kekasih..

Sahabat..
Aku berharap kita tidak akan berpisah lagi... 
</p>                              
                                    </div>
                                    <div class='col-md-4'>
                                        <ul class='list-unstyled'>
                                            
                                            <li>
                                                <strong><i class='icon-phone'/></strong>
                                                <span>Telepon Saya : 083890594746 </span>
                                            </li>
                                           
                                            <li>
                                                <strong><i class='icon-envelope'/></strong>
                                                <span>facebook : melli.febriani.1@facebook.com</span>
                                            </li>
                                           
                                            <li>
                                                <strong><i class='icon-twitter'/></strong>
                                                <span>@Melliana28</span>
                                            </li>
                                           
                                        </ul>    

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='pagecontents'>
                        <div class='section contact-office'>
                            <div class='section-container'>
                                <div class='row'>
                                    <div class='col-md-8'>
                                        <h2 class='title'>Alamat Rumahku</h2>
                                        <p>saya Bangsa Indonesia yg beralamat di Tangerang daerah Pabuaran Tumpeng, JL.Padasuka1 Rt:O1/10</p>
                                
                                    </div>
                                    <div class='col-md-4 text-center hidden-xs hidden-sm'>
                                        <i class='icon-coffee icon-huge'/>
                                    </div>

                                </div>
                            </div>
                        </div>
                
                    </div>
                    
                </div>
                
                <div id='overlay'/>
              </b:if>
            </div>
        </div>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>

<script type='text/javascript'>
        //<![CDATA[
/*! Stellar.js v0.6.2 | Copyright 2013, Mark Dalgleish | http://markdalgleish.com/projects/stellar.js | http://markdalgleish.mit-license.org */
(function(e,t,n,r){function d(t,n){this.element=t,this.options=e.extend({},s,n),this._defaults=s,this._name=i,this.init()}var i="stellar",s={scrollProperty:"scroll",positionProperty:"position",horizontalScrolling:!0,verticalScrolling:!0,horizontalOffset:0,verticalOffset:0,responsive:!1,parallaxBackgrounds:!0,parallaxElements:!0,hideDistantElements:!0,hideElement:function(e){e.hide()},showElement:function(e){e.show()}},o={scroll:{getLeft:function(e){return e.scrollLeft()},setLeft:function(e,t){e.scrollLeft(t)},getTop:function(e){return e.scrollTop()},setTop:function(e,t){e.scrollTop(t)}},position:{getLeft:function(e){return parseInt(e.css("left"),10)*-1},getTop:function(e){return parseInt(e.css("top"),10)*-1}},margin:{getLeft:function(e){return parseInt(e.css("margin-left"),10)*-1},getTop:function(e){return parseInt(e.css("margin-top"),10)*-1}},transform:{getLeft:function(e){var t=getComputedStyle(e[0])[f];return t!=="none"?parseInt(t.match(/(-?[0-9]+)/g)[4],10)*-1:0},getTop:function(e){var t=getComputedStyle(e[0])[f];return t!=="none"?parseInt(t.match(/(-?[0-9]+)/g)[5],10)*-1:0}}},u={position:{setLeft:function(e,t){e.css("left",t)},setTop:function(e,t){e.css("top",t)}},transform:{setPosition:function(e,t,n,r,i){e[0].style[f]="translate3d("+(t-n)+"px, "+(r-i)+"px, 0)"}}},a=function(){var t=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,n=e("script")[0].style,r="",i;for(i in n)if(t.test(i)){r=i.match(t)[0];break}return"WebkitOpacity"in n&&(r="Webkit"),"KhtmlOpacity"in n&&(r="Khtml"),function(e){return r+(r.length>0?e.charAt(0).toUpperCase()+e.slice(1):e)}}(),f=a("transform"),l=e("<div />",{style:"background:#fff"}).css("background-position-x")!==r,c=l?function(e,t,n){e.css({"background-position-x":t,"background-position-y":n})}:function(e,t,n){e.css("background-position",t+" "+n)},h=l?function(e){return[e.css("background-position-x"),e.css("background-position-y")]}:function(e){return e.css("background-position").split(" ")},p=t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||t.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)};d.prototype={init:function(){this.options.name=i+"_"+Math.floor(Math.random()*1e9),this._defineElements(),this._defineGetters(),this._defineSetters(),this._handleWindowLoadAndResize(),this._detectViewport(),this.refresh({firstLoad:!0}),this.options.scrollProperty==="scroll"?this._handleScrollEvent():this._startAnimationLoop()},_defineElements:function(){this.element===n.body&&(this.element=t),this.$scrollElement=e(this.element),this.$element=this.element===t?e("body"):this.$scrollElement,this.$viewportElement=this.options.viewportElement!==r?e(this.options.viewportElement):this.$scrollElement[0]===t||this.options.scrollProperty==="scroll"?this.$scrollElement:this.$scrollElement.parent()},_defineGetters:function(){var e=this,t=o[e.options.scrollProperty];this._getScrollLeft=function(){return t.getLeft(e.$scrollElement)},this._getScrollTop=function(){return t.getTop(e.$scrollElement)}},_defineSetters:function(){var t=this,n=o[t.options.scrollProperty],r=u[t.options.positionProperty],i=n.setLeft,s=n.setTop;this._setScrollLeft=typeof i=="function"?function(e){i(t.$scrollElement,e)}:e.noop,this._setScrollTop=typeof s=="function"?function(e){s(t.$scrollElement,e)}:e.noop,this._setPosition=r.setPosition||function(e,n,i,s,o){t.options.horizontalScrolling&&r.setLeft(e,n,i),t.options.verticalScrolling&&r.setTop(e,s,o)}},_handleWindowLoadAndResize:function(){var n=this,r=e(t);n.options.responsive&&r.bind("load."+this.name,function(){n.refresh()}),r.bind("resize."+this.name,function(){n._detectViewport(),n.options.responsive&&n.refresh()})},refresh:function(n){var r=this,i=r._getScrollLeft(),s=r._getScrollTop();(!n||!n.firstLoad)&&this._reset(),this._setScrollLeft(0),this._setScrollTop(0),this._setOffsets(),this._findParticles(),this._findBackgrounds(),n&&n.firstLoad&&/WebKit/.test(navigator.userAgent)&&e(t).load(function(){var e=r._getScrollLeft(),t=r._getScrollTop();r._setScrollLeft(e+1),r._setScrollTop(t+1),r._setScrollLeft(e),r._setScrollTop(t)}),this._setScrollLeft(i),this._setScrollTop(s)},_detectViewport:function(){var e=this.$viewportElement.offset(),t=e!==null&&e!==r;this.viewportWidth=this.$viewportElement.width(),this.viewportHeight=this.$viewportElement.height(),this.viewportOffsetTop=t?e.top:0,this.viewportOffsetLeft=t?e.left:0},_findParticles:function(){var t=this,n=this._getScrollLeft(),i=this._getScrollTop();if(this.particles!==r)for(var s=this.particles.length-1;s>=0;s--)this.particles[s].$element.data("stellar-elementIsActive",r);this.particles=[];if(!this.options.parallaxElements)return;this.$element.find("[data-stellar-ratio]").each(function(n){var i=e(this),s,o,u,a,f,l,c,h,p,d=0,v=0,m=0,g=0;if(!i.data("stellar-elementIsActive"))i.data("stellar-elementIsActive",this);else if(i.data("stellar-elementIsActive")!==this)return;t.options.showElement(i),i.data("stellar-startingLeft")?(i.css("left",i.data("stellar-startingLeft")),i.css("top",i.data("stellar-startingTop"))):(i.data("stellar-startingLeft",i.css("left")),i.data("stellar-startingTop",i.css("top"))),u=i.position().left,a=i.position().top,f=i.css("margin-left")==="auto"?0:parseInt(i.css("margin-left"),10),l=i.css("margin-top")==="auto"?0:parseInt(i.css("margin-top"),10),h=i.offset().left-f,p=i.offset().top-l,i.parents().each(function(){var t=e(this);if(t.data("stellar-offset-parent")===!0)return d=m,v=g,c=t,!1;m+=t.position().left,g+=t.position().top}),s=i.data("stellar-horizontal-offset")!==r?i.data("stellar-horizontal-offset"):c!==r&&c.data("stellar-horizontal-offset")!==r?c.data("stellar-horizontal-offset"):t.horizontalOffset,o=i.data("stellar-vertical-offset")!==r?i.data("stellar-vertical-offset"):c!==r&&c.data("stellar-vertical-offset")!==r?c.data("stellar-vertical-offset"):t.verticalOffset,t.particles.push({$element:i,$offsetParent:c,isFixed:i.css("position")==="fixed",horizontalOffset:s,verticalOffset:o,startingPositionLeft:u,startingPositionTop:a,startingOffsetLeft:h,startingOffsetTop:p,parentOffsetLeft:d,parentOffsetTop:v,stellarRatio:i.data("stellar-ratio")!==r?i.data("stellar-ratio"):1,width:i.outerWidth(!0),height:i.outerHeight(!0),isHidden:!1})})},_findBackgrounds:function(){var t=this,n=this._getScrollLeft(),i=this._getScrollTop(),s;this.backgrounds=[];if(!this.options.parallaxBackgrounds)return;s=this.$element.find("[data-stellar-background-ratio]"),this.$element.data("stellar-background-ratio")&&(s=s.add(this.$element)),s.each(function(){var s=e(this),o=h(s),u,a,f,l,p,d,v,m,g,y=0,b=0,w=0,E=0;if(!s.data("stellar-backgroundIsActive"))s.data("stellar-backgroundIsActive",this);else if(s.data("stellar-backgroundIsActive")!==this)return;s.data("stellar-backgroundStartingLeft")?c(s,s.data("stellar-backgroundStartingLeft"),s.data("stellar-backgroundStartingTop")):(s.data("stellar-backgroundStartingLeft",o[0]),s.data("stellar-backgroundStartingTop",o[1])),p=s.css("margin-left")==="auto"?0:parseInt(s.css("margin-left"),10),d=s.css("margin-top")==="auto"?0:parseInt(s.css("margin-top"),10),v=s.offset().left-p-n,m=s.offset().top-d-i,s.parents().each(function(){var t=e(this);if(t.data("stellar-offset-parent")===!0)return y=w,b=E,g=t,!1;w+=t.position().left,E+=t.position().top}),u=s.data("stellar-horizontal-offset")!==r?s.data("stellar-horizontal-offset"):g!==r&&g.data("stellar-horizontal-offset")!==r?g.data("stellar-horizontal-offset"):t.horizontalOffset,a=s.data("stellar-vertical-offset")!==r?s.data("stellar-vertical-offset"):g!==r&&g.data("stellar-vertical-offset")!==r?g.data("stellar-vertical-offset"):t.verticalOffset,t.backgrounds.push({$element:s,$offsetParent:g,isFixed:s.css("background-attachment")==="fixed",horizontalOffset:u,verticalOffset:a,startingValueLeft:o[0],startingValueTop:o[1],startingBackgroundPositionLeft:isNaN(parseInt(o[0],10))?0:parseInt(o[0],10),startingBackgroundPositionTop:isNaN(parseInt(o[1],10))?0:parseInt(o[1],10),startingPositionLeft:s.position().left,startingPositionTop:s.position().top,startingOffsetLeft:v,startingOffsetTop:m,parentOffsetLeft:y,parentOffsetTop:b,stellarRatio:s.data("stellar-background-ratio")===r?1:s.data("stellar-background-ratio")})})},_reset:function(){var e,t,n,r,i;for(i=this.particles.length-1;i>=0;i--)e=this.particles[i],t=e.$element.data("stellar-startingLeft"),n=e.$element.data("stellar-startingTop"),this._setPosition(e.$element,t,t,n,n),this.options.showElement(e.$element),e.$element.data("stellar-startingLeft",null).data("stellar-elementIsActive",null).data("stellar-backgroundIsActive",null);for(i=this.backgrounds.length-1;i>=0;i--)r=this.backgrounds[i],r.$element.data("stellar-backgroundStartingLeft",null).data("stellar-backgroundStartingTop",null),c(r.$element,r.startingValueLeft,r.startingValueTop)},destroy:function(){this._reset(),this.$scrollElement.unbind("resize."+this.name).unbind("scroll."+this.name),this._animationLoop=e.noop,e(t).unbind("load."+this.name).unbind("resize."+this.name)},_setOffsets:function(){var n=this,r=e(t);r.unbind("resize.horizontal-"+this.name).unbind("resize.vertical-"+this.name),typeof this.options.horizontalOffset=="function"?(this.horizontalOffset=this.options.horizontalOffset(),r.bind("resize.horizontal-"+this.name,function(){n.horizontalOffset=n.options.horizontalOffset()})):this.horizontalOffset=this.options.horizontalOffset,typeof this.options.verticalOffset=="function"?(this.verticalOffset=this.options.verticalOffset(),r.bind("resize.vertical-"+this.name,function(){n.verticalOffset=n.options.verticalOffset()})):this.verticalOffset=this.options.verticalOffset},_repositionElements:function(){var e=this._getScrollLeft(),t=this._getScrollTop(),n,r,i,s,o,u,a,f=!0,l=!0,h,p,d,v,m;if(this.currentScrollLeft===e&&this.currentScrollTop===t&&this.currentWidth===this.viewportWidth&&this.currentHeight===this.viewportHeight)return;this.currentScrollLeft=e,this.currentScrollTop=t,this.currentWidth=this.viewportWidth,this.currentHeight=this.viewportHeight;for(m=this.particles.length-1;m>=0;m--)i=this.particles[m],s=i.isFixed?1:0,this.options.horizontalScrolling?(h=(e+i.horizontalOffset+this.viewportOffsetLeft+i.startingPositionLeft-i.startingOffsetLeft+i.parentOffsetLeft)*-(i.stellarRatio+s-1)+i.startingPositionLeft,d=h-i.startingPositionLeft+i.startingOffsetLeft):(h=i.startingPositionLeft,d=i.startingOffsetLeft),this.options.verticalScrolling?(p=(t+i.verticalOffset+this.viewportOffsetTop+i.startingPositionTop-i.startingOffsetTop+i.parentOffsetTop)*-(i.stellarRatio+s-1)+i.startingPositionTop,v=p-i.startingPositionTop+i.startingOffsetTop):(p=i.startingPositionTop,v=i.startingOffsetTop),this.options.hideDistantElements&&(l=!this.options.horizontalScrolling||d+i.width>(i.isFixed?0:e)&&d<(i.isFixed?0:e)+this.viewportWidth+this.viewportOffsetLeft,f=!this.options.verticalScrolling||v+i.height>(i.isFixed?0:t)&&v<(i.isFixed?0:t)+this.viewportHeight+this.viewportOffsetTop),l&&f?(i.isHidden&&(this.options.showElement(i.$element),i.isHidden=!1),this._setPosition(i.$element,h,i.startingPositionLeft,p,i.startingPositionTop)):i.isHidden||(this.options.hideElement(i.$element),i.isHidden=!0);for(m=this.backgrounds.length-1;m>=0;m--)o=this.backgrounds[m],s=o.isFixed?0:1,u=this.options.horizontalScrolling?(e+o.horizontalOffset-this.viewportOffsetLeft-o.startingOffsetLeft+o.parentOffsetLeft-o.startingBackgroundPositionLeft)*(s-o.stellarRatio)+"px":o.startingValueLeft,a=this.options.verticalScrolling?(t+o.verticalOffset-this.viewportOffsetTop-o.startingOffsetTop+o.parentOffsetTop-o.startingBackgroundPositionTop)*(s-o.stellarRatio)+"px":o.startingValueTop,c(o.$element,u,a)},_handleScrollEvent:function(){var e=this,t=!1,n=function(){e._repositionElements(),t=!1},r=function(){t||(p(n),t=!0)};this.$scrollElement.bind("scroll."+this.name,r),r()},_startAnimationLoop:function(){var e=this;this._animationLoop=function(){p(e._animationLoop),e._repositionElements()},this._animationLoop()}},e.fn[i]=function(t){var n=arguments;if(t===r||typeof t=="object")return this.each(function(){e.data(this,"plugin_"+i)||e.data(this,"plugin_"+i,new d(this,t))});if(typeof t=="string"&&t[0]!=="_"&&t!=="init")return this.each(function(){var r=e.data(this,"plugin_"+i);r instanceof d&&typeof r[t]=="function"&&r[t].apply(r,Array.prototype.slice.call(n,1)),t==="destroy"&&e.data(this,"plugin_"+i,null)})},e[i]=function(n){var r=e(t);return r.stellar.apply(r,Array.prototype.slice.call(arguments,0))},e[i].scrollProperty=o,e[i].positionProperty=u,t.Stellar=d})(jQuery,this,document);

/* Modernizr 2.6.2 (Custom Build) | MIT & BSD
 * Build: http://modernizr.com/download/#-csstransitions-touch-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load
 */
;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:w(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},q.csstransitions=function(){return F("transition")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};

;( function( $, window, undefined ) { 'use strict'; $.DropDown = function( options, element ) { this.$el = $( element ); this._init( options ); }; $.DropDown.defaults = { speed : 300, easing : 'ease', gutter : 0, stack : true, delay : 0, random : false, rotated : false, slidingIn : false, onOptionSelect : function(opt) { return false; } }; $.DropDown.prototype = { _init : function( options ) { this.options = $.extend( true, {}, $.DropDown.defaults, options ); this._layout(); this._initEvents(); }, _layout : function() { var self = this; this.minZIndex = 1000; var value = this._transformSelect(); this.opts = this.listopts.children( 'li' ); this.optsCount = this.opts.length; this.size = { width : this.dd.width(), height : this.dd.height() }; var elName = this.$el.attr( 'name' ), elId = this.$el.attr( 'id' ), inputName = elName !== undefined ? elName : elId !== undefined ? elId : 'cd-dropdown-' + ( new Date() ).getTime(); this.inputEl = $( '<input type="hidden" name="' + inputName + '" value="' + value + '"></input>' ).insertAfter( this.selectlabel ); this.selectlabel.css( 'z-index', this.minZIndex + this.optsCount ); this._positionOpts(); if( Modernizr.csstransitions ) { setTimeout( function() { self.opts.css( 'transition', 'all ' + self.options.speed + 'ms ' + self.options.easing ); }, 25 ); } }, _transformSelect : function() { var optshtml = '', selectlabel = '', value = -1; this.$el.children( 'option' ).each( function() { var $this = $( this ), val = isNaN( $this.attr( 'value' ) ) ? $this.attr( 'value' ) : Number( $this.attr( 'value' ) ) , classes = $this.attr( 'class' ), selected = $this.attr( 'selected' ), label = $this.text(); if( val !== -1 ) { optshtml += classes !== undefined ? '<li data-value="' + val + '"><span class="' + classes + '">' + label + '</span></li>' : '<li data-value="' + val + '"><span>' + label + '</span></li>'; } if( selected ) { selectlabel = label; value = val; } } ); this.listopts = $( '<ul/>' ).append( optshtml ); this.selectlabel = $( '<span/>' ).append( selectlabel ); this.dd = $( '<div class="cd-dropdown"/>' ).append( this.selectlabel, this.listopts ).insertAfter( this.$el ); this.$el.remove(); return value; }, _positionOpts : function( anim ) { var self = this; this.listopts.css( 'height', 'auto' ); this.opts .each( function( i ) { $( this ).css( { zIndex : self.minZIndex + self.optsCount - 1 - i, top : self.options.slidingIn ? ( i + 1 ) * ( self.size.height + self.options.gutter ) : 0, left : 0, marginLeft : self.options.slidingIn ? i % 2 === 0 ? self.options.slidingIn : - self.options.slidingIn : 0, opacity : self.options.slidingIn ? 0 : 1, transform : 'none' } ); } ); if( !this.options.slidingIn ) { this.opts .eq( this.optsCount - 1 ) .css( { top : this.options.stack ? 9 : 0, left : this.options.stack ? 4 : 0, width : this.options.stack ? this.size.width - 8 : this.size.width, transform : 'none' } ) .end() .eq( this.optsCount - 2 ) .css( { top : this.options.stack ? 6 : 0, left : this.options.stack ? 2 : 0, width : this.options.stack ? this.size.width - 4 : this.size.width, transform : 'none' } ) .end() .eq( this.optsCount - 3 ) .css( { top : this.options.stack ? 3 : 0, left : 0, transform : 'none' } ); } }, _initEvents : function() { var self = this; this.selectlabel.on( 'mousedown.dropdown', function( event ) { self.opened ? self.close() : self.open(); return false; } ); this.opts.on( 'click.dropdown', function() { if( self.opened ) { var opt = $( this ); self.options.onOptionSelect( opt ); self.inputEl.val( opt.data( 'value' ) ).trigger('change'); self.selectlabel.html( opt.html() ); self.close(); } } ); }, open : function() { var self = this; this.dd.toggleClass( 'cd-active' ); this.listopts.css( 'height', ( this.optsCount + 1 ) * ( this.size.height + this.options.gutter ) ); this.opts.each( function( i ) { $( this ).css( { opacity : 1, top : self.options.rotated ? self.size.height + self.options.gutter : ( i + 1 ) * ( self.size.height + self.options.gutter ), left : self.options.random ? Math.floor( Math.random() * 11 - 5 ) : 0, width : self.size.width, marginLeft : 0, transform : self.options.random ? 'rotate(' + Math.floor( Math.random() * 11 - 5 ) + 'deg)' : self.options.rotated ? self.options.rotated === 'right' ? 'rotate(-' + ( i * 5 ) + 'deg)' : 'rotate(' + ( i * 5 ) + 'deg)' : 'none', transitionDelay : self.options.delay && Modernizr.csstransitions ? self.options.slidingIn ? ( i * self.options.delay ) + 'ms' : ( ( self.optsCount - 1 - i ) * self.options.delay ) + 'ms' : 0 } ); } ); this.opened = true; }, close : function() { var self = this; this.dd.toggleClass( 'cd-active' ); if( this.options.delay && Modernizr.csstransitions ) { this.opts.each( function( i ) { $( this ).css( { 'transition-delay' : self.options.slidingIn ? ( ( self.optsCount - 1 - i ) * self.options.delay ) + 'ms' : ( i * self.options.delay ) + 'ms' } ); } ); } this._positionOpts( true ); this.opened = false; } } $.fn.dropdownit = function( options ) { var instance = $.data( this, 'dropdown' ); if ( typeof options === 'string' ) { var args = Array.prototype.slice.call( arguments, 1 ); this.each(function() { instance[ options ].apply( instance, args ); }); } else { this.each(function() { instance ? instance._init() : instance = $.data( this, 'dropdown', new $.DropDown( options, this ) ); }); } return instance; }; } )( jQuery, window );

(window._gsQueue||(window._gsQueue=[])).push(function(){"use strict";var t=document.documentElement,e=window,i=function(i,s){var r="x"===s?"Width":"Height",n="scroll"+r,a="client"+r,o=document.body;return i===e||i===t||i===o?Math.max(t[n],o[n])-(e["inner"+r]||Math.max(t[a],o[a])):i[n]-i["offset"+r]},s=window._gsDefine.plugin({propName:"scrollTo",API:2,init:function(t,s,r){return this._wdw=t===e,this._target=t,this._tween=r,"object"!=typeof s&&(s={y:s}),this._autoKill=s.autoKill!==!1,this.x=this.xPrev=this.getX(),this.y=this.yPrev=this.getY(),null!=s.x?this._addTween(this,"x",this.x,"max"===s.x?i(t,"x"):s.x,"scrollTo_x",!0):this.skipX=!0,null!=s.y?this._addTween(this,"y",this.y,"max"===s.y?i(t,"y"):s.y,"scrollTo_y",!0):this.skipY=!0,!0},set:function(t){this._super.setRatio.call(this,t);var i=this._wdw||!this.skipX?this.getX():this.xPrev,s=this._wdw||!this.skipY?this.getY():this.yPrev,r=s-this.yPrev,n=i-this.xPrev;this._autoKill&&(!this.skipX&&(n>7||-7>n)&&(this.skipX=!0),!this.skipY&&(r>7||-7>r)&&(this.skipY=!0),this.skipX&&this.skipY&&this._tween.kill()),this._wdw?e.scrollTo(this.skipX?i:this.x,this.skipY?s:this.y):(this.skipY||(this._target.scrollTop=this.y),this.skipX||(this._target.scrollLeft=this.x)),this.xPrev=this.x,this.yPrev=this.y}}),r=s.prototype;s.max=i,r.getX=function(){return this._wdw?null!=e.pageXOffset?e.pageXOffset:null!=t.scrollLeft?t.scrollLeft:document.body.scrollLeft:this._target.scrollLeft},r.getY=function(){return this._wdw?null!=e.pageYOffset?e.pageYOffset:null!=t.scrollTop?t.scrollTop:document.body.scrollTop:this._target.scrollTop},r._kill=function(t){return t.scrollTo_x&&(this.skipX=!0),t.scrollTo_y&&(this.skipY=!0),this._super._kill.call(this,t)}}),window._gsDefine&&window._gsQueue.pop()();


// ]]>
</script>
<script type='text/javascript'>
        //<![CDATA[
var loc = window.location.href,
    index = loc.indexOf('#');

if (index > 0) {
  window.location = loc.substring(0, index);
}

$.fn.exists = function () {
    return this.length > 0 ? this : false;
}

$(document).ready(function(){


	$(".tooltips").tooltip();



	var SidebarAnim = new TimelineLite({paused:true});
	SidebarAnim
		.to($(".social-icons, #main-nav"),0.2,{left:0})
		.to($("#main"),0.2,{left:250,right:"-=250"},"-=0.2");
	

	$("a.mobilemenu").on("click",function(){
		SidebarAnim.play();
	});
	$(".social-icons, #main-nav, #main").on("click",function(){
		SidebarAnim.reverse();		
	});


	$("#main-nav").perfectScrollbar({
		wheelPropagation:true,
		wheelSpeed:80
	});

	
	


	var pager = {
		pageContainer : $("div#main"),
		pages : $("div.page"),
		menuItems: $("ul#navigation"),
		overlay : $("div#overlay"),
		topz : "500",
		init: function(){

			self = this;
			self.menuItems.on('click','li:not(.external)', function(e){
				
				e.preventDefault();
				var $li = $(this),
					$target = $($li.children('a').attr('href')),
					currentPosition = $target.attr('data-pos'),
					$secondary = self.pageContainer.children(".currentpage");
				switch (currentPosition){
					case "home" :
						self.reset();
						break;
					case "p1" :
						self.forward($target,$secondary);
						break;
					case "p3" :
						if ( parseInt($target.attr('data-order')) === self.maxz() )
						{	
							
							self.backward($target,$secondary);
						} else {
							self.forward($target,$secondary);
						}
					break;
					default:
						return false;
				}
			});

			self.overlay.on('click',function(){
				var $secondary = self.pageContainer.children(".currentpage");
				var $target = self.pageContainer.children("[data-order="+self.maxz()+"]");
				self.backward($target,$secondary);
			});

		},

		reset : function (){

			this.overlay.hide();
			
			var $gotop1 = this.pages.not(".home");
			$gotop1.attr('data-pos','p1').removeAttr('data-order');
			TweenLite.to($gotop1,0.4,{left:"100%",zIndex:0, onComplete:function(){
				$gotop1.removeClass('currentpage');	
			}});

			this.hanndelMenu();
		},

		forward : function(gotop2 , gotop3){
			
			

			self.hanndelMenu(gotop2);
			self.overlay.show();
			var maxz = self.maxz();
			gotop2.addClass('currentpage');
			gotop2.attr('data-pos','p2').removeAttr('data-order');
			gotop3.attr('data-pos','p3').attr('data-order',maxz+1);
			

			( new TimelineLite() )
				.set(gotop2,{ left:"100%",zIndex:self.topz})
				.set(gotop3,{zIndex:maxz+1})
				.to(gotop2,0.4,{left:"15%"})
				.to(gotop3,0.3,{ left:0 , onComplete:function(){gotop3.removeClass('currentpage');} },"-=0.2");
		},

		backward : function (gotop2,gotop1){
			

			this.hanndelMenu(gotop2);
			gotop2.exists() || this.overlay.hide();
			gotop2.addClass('currentpage').removeAttr('data-order').attr('data-pos',"p2");
			gotop1.attr('data-pos','p1');

			(new TimelineLite())
				.set(gotop2,{zIndex:self.topz-1})
				.to(gotop2,0.4,{left:"15%"})
				.to(gotop1,0.5,
					{
						left:"100%",
						onComplete : function(){
							gotop1.removeClass('currentpage');
						}
					},"-=0.3")
				.set(gotop1,{zIndex:0});

		},

		maxz : function(){
			
			var levelArray = this.pages.map( function() {
			    return $(this).attr('data-order');
			}).get();
			maxz = levelArray.length && Math.max.apply( Math, levelArray );
			return maxz;
		},

		hanndelMenu : function(){
			

			var menuIndex = ( arguments.length ) ? ( (arguments[0].length) ? arguments[0].index() : 0 ):0;

			this.menuItems.children().eq(menuIndex)
				.addClass('currentmenu')
				.siblings().removeClass('currentmenu');
			

		}
	}



	pager.reset();
	pager.init();


	$("ul.timeline").children().eq(0)
		.find(".text").slideDown()
		.addClass("open");

	$("ul.timeline").on("click","li", function(){
		$this = $(this);
		$this.find(".text").slideDown();
		$this.addClass("open");
		$this.siblings('li.open').find(".text").slideUp();
		$this.siblings('li').removeClass("open");
	}).on('mouseenter','li',function(){
		$this = $(this);
		var anim = new TweenLite($(this).find(".subject"),0.4,{'padding-left':20, paused:true});
		($this.hasClass('open')) || anim.play();
	}).on('mouseleave','li',function(){
		var anim = new TweenLite($(this).find(".subject"),0.2,{'padding-left':0});
	});



	function generateLabCarousel() {

		var defaultCss = {
			width: 100,
			height: 100,
			marginTop: 50,
			marginRight: 0,
			marginLeft: 0,
			opacity: 0.2
		};
		var selectedCss = {
			width: 150,
			height: 150,
			marginTop: 30,
			marginRight: -25,
			marginLeft: -25,
			opacity: 1
		};
		var aniOpts = {
			queue: false,
			duration: 300,
		};
		var $car = $('#lab-carousel');
		$car.find('img').css('zIndex', 1).css( defaultCss );

		$car.children('div').each(function(i){
			$(this).data('index',i);
		});

		$car.carouFredSel({
			circular: true,
			infinite: true,
			width: '100%',
			height: 250,
			items: {
				visible:3,
				start:1
			},
			prev: '#prev',
			next: '#next',
			auto: false,
			swipe : {
				onTouch :true,
				onMouse :true
			},
			scroll: {
				items: 1,
				duration: 300,
				onBefore: function( data ) {
					var $comming = data.items.visible.eq(1),
						$going = data.items.old.eq(1),
						$commingdetail = $("div#lab-details div").eq($comming.data('index')),
						$goingdetail = $("div#lab-details div").eq($going.data('index'));

					
					$goingdetail.fadeOut(100,function(){
						$goingdetail.siblings().hide();
						$commingdetail.fadeIn(300);
					});
					

					$comming.find('img').css('zIndex', 2).animate( selectedCss, aniOpts );
					data.items.old.eq(1).find('img').css('zIndex', 1).animate( defaultCss, aniOpts );
				}
			}

		});
	}
	generateLabCarousel();



	$("ul.ul-withdetails li").find(".row").on('click',function(){
		$(this).closest("li").find(".details")
	        .stop(true, true)
	        .animate({
	            height:"toggle",
	            opacity:"toggle"
	        },300);
	}).on('mouseenter',function(){
		$this = $(this);
		var anim = new TweenLite($(this).closest("li").find(".imageoverlay"),0.4,{left:0});
	}).on('mouseleave', function(){
		var anim = new TweenLite($(this).closest("li").find(".imageoverlay"),0.2,{left:"-102%"});
	});



	
	$('div#pub-grid').mixitup({
		layoutMode: 'list',
		easing : 'snap',
		transitionSpeed :600,
		onMixEnd: function(){
			$(".tooltips").tooltip();
		}
	}).on('click','div.pubmain',function(){
		var $this = $(this), 
			$item = $this.closest(".item");
		
		$item.find('div.pubdetails').slideToggle(function(){
			$this.children("i").toggleClass('icon-collapse-alt icon-expand-alt');
		},function(){
			$this.children("i").toggleClass('icon-expand-alt icon-collapse-alt');
		});
	});

	$( '#cd-dropdown' ).dropdownit( {
		gutter : 0
	} );

	$("[name=cd-dropdown]").on("change",function(){
		var item = this.value;		
		$('div#pub-grid').mixitup('filter',item);
	});

	



	$(".grid").on("mouseenter","li",function(){
		new TweenLite($(this).find(".over"),0.4,{bottom:0,top:0});
	}).on("mouseleave","li",function(){
		new TweenLite($(this).find(".over"),0.4,{bottom:"-100%", top:"100%"});
	});

	$('.popup-with-move-anim').magnificPopup({
		type: 'image',

		fixedContentPos: false,
		fixedBgPos: true,

		overflowY: 'auto',

		closeBtnInside: true,
		preloader: false,
		
		midClick: true,
		removalDelay: 400,
		mainClass: 'my-mfp-slide-bottom'
	});


	$(".stellar").stellar({
  		verticalOffset: -100,
  		horizontalScrolling: false,
	});


});


$(window).load(function(){

	
	var $container = $('#grid');
	$container.masonry({
	  itemSelector: 'li'
	});
	
});
// ]]>
</script>
<script type='text/javascript'>
        //<![CDATA[
/*! perfect-scrollbar - v0.4.5
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2013 HyeonJe Jun; Licensed MIT */

(function(e){function q(c,b,g,d,a){function k(){l.unbind("webkitTransitionEnd transitionend otransitionend oTransitionEnd");b&&w(b,g,d,a);a.startOrder=[];a.newOrder=[];a.origSort=[];a.checkSort=[];r.removeStyle(a.prefix+"filter, filter,"+a.prefix+"transform, transform, opacity, display").css(a.clean).removeAttr("data-checksum");window.atob||r.css({display:"none",opacity:"0"});l.removeStyle(a.prefix+"transition, transition, "+a.prefix+"perspective, perspective, "+a.prefix+"perspective-origin, perspective-origin, "+
(a.resizeContainer?"height":""));"list"==a.layoutMode?(n.css({display:a.targetDisplayList,opacity:"1"}),a.origDisplay=a.targetDisplayList):(n.css({display:a.targetDisplayGrid,opacity:"1"}),a.origDisplay=a.targetDisplayGrid);a.origLayout=a.layoutMode;setTimeout(function(){r.removeStyle(a.prefix+"transition, transition");a.mixing=!1;if("function"==typeof a.onMixEnd){var b=a.onMixEnd.call(this,a);a=b?b:a}})}clearInterval(a.failsafe);a.mixing=!0;a.filter=c;if("function"==typeof a.onMixStart){var f=a.onMixStart.call(this,
a);a=f?f:a}for(var h=a.transitionSpeed,f=0;2>f;f++){var j=0==f?j=a.prefix:"";a.transition[j+"transition"]="all "+h+"ms linear";a.transition[j+"transform"]=j+"translate3d(0,0,0)";a.perspective[j+"perspective"]=a.perspectiveDistance+"px";a.perspective[j+"perspective-origin"]=a.perspectiveOrigin}var s=a.targetSelector,r=d.find(s);r.each(function(){this.data={}});var l=r.parent();l.css(a.perspective);a.easingFallback="ease-in-out";"smooth"==a.easing&&(a.easing="cubic-bezier(0.25, 0.46, 0.45, 0.94)");
"snap"==a.easing&&(a.easing="cubic-bezier(0.77, 0, 0.175, 1)");"windback"==a.easing&&(a.easing="cubic-bezier(0.175, 0.885, 0.320, 1.275)",a.easingFallback="cubic-bezier(0.175, 0.885, 0.320, 1)");"windup"==a.easing&&(a.easing="cubic-bezier(0.6, -0.28, 0.735, 0.045)",a.easingFallback="cubic-bezier(0.6, 0.28, 0.735, 0.045)");f="list"==a.layoutMode&&null!=a.listEffects?a.listEffects:a.effects;Array.prototype.indexOf&&(a.fade=-1<f.indexOf("fade")?"0":"",a.scale=-1<f.indexOf("scale")?"scale(.01)":"",a.rotateZ=
-1<f.indexOf("rotateZ")?"rotate(180deg)":"",a.rotateY=-1<f.indexOf("rotateY")?"rotateY(90deg)":"",a.rotateX=-1<f.indexOf("rotateX")?"rotateX(90deg)":"",a.blur=-1<f.indexOf("blur")?"blur(8px)":"",a.grayscale=-1<f.indexOf("grayscale")?"grayscale(100%)":"");var n=e(),t=e(),u=[],q=!1;"string"===typeof c?u=y(c):(q=!0,e.each(c,function(a){u[a]=y(this)}));"or"==a.filterLogic?(""==u[0]&&u.shift(),1>u.length?t=t.add(d.find(s+":visible")):r.each(function(){var a=e(this);if(q){var b=0;e.each(u,function(){this.length?
a.is("."+this.join(", ."))&&b++:0<b&&b++});b==u.length?n=n.add(a):t=t.add(a)}else a.is("."+u.join(", ."))?n=n.add(a):t=t.add(a)})):(n=n.add(l.find(s+"."+u.join("."))),t=t.add(l.find(s+":not(."+u.join(".")+"):visible")));c=n.length;var v=e(),p=e(),m=e();t.each(function(){var a=e(this);"none"!=a.css("display")&&(v=v.add(a),m=m.add(a))});if(n.filter(":visible").length==c&&!v.length&&!b){if(a.origLayout==a.layoutMode)return k(),!1;if(1==n.length)return"list"==a.layoutMode?(d.addClass(a.listClass),d.removeClass(a.gridClass),
m.css("display",a.targetDisplayList)):(d.addClass(a.gridClass),d.removeClass(a.listClass),m.css("display",a.targetDisplayGrid)),k(),!1}a.origHeight=l.height();if(n.length){d.removeClass(a.failClass);n.each(function(){var a=e(this);"none"==a.css("display")?p=p.add(a):m=m.add(a)});if(a.origLayout!=a.layoutMode&&!1==a.animateGridList)return"list"==a.layoutMode?(d.addClass(a.listClass),d.removeClass(a.gridClass),m.css("display",a.targetDisplayList)):(d.addClass(a.gridClass),d.removeClass(a.listClass),
m.css("display",a.targetDisplayGrid)),k(),!1;if(!window.atob)return k(),!1;r.css(a.clean);m.each(function(){this.data.origPos=e(this).offset()});"list"==a.layoutMode?(d.addClass(a.listClass),d.removeClass(a.gridClass),p.css("display",a.targetDisplayList)):(d.addClass(a.gridClass),d.removeClass(a.listClass),p.css("display",a.targetDisplayGrid));p.each(function(){this.data.showInterPos=e(this).offset()});v.each(function(){this.data.hideInterPos=e(this).offset()});m.each(function(){this.data.preInterPos=
e(this).offset()});"list"==a.layoutMode?m.css("display",a.targetDisplayList):m.css("display",a.targetDisplayGrid);b&&w(b,g,d,a);if(c=b)a:if(c=a.origSort,f=a.checkSort,c.length!=f.length)c=!1;else{for(j=0;j<f.length;j++)if(c[j].compare&&!c[j].compare(f[j])||c[j]!==f[j]){c=!1;break a}c=!0}if(c)return k(),!1;v.hide();p.each(function(){this.data.finalPos=e(this).offset()});m.each(function(){this.data.finalPrePos=e(this).offset()});a.newHeight=l.height();b&&w("reset",null,d,a);p.hide();m.css("display",
a.origDisplay);"block"==a.origDisplay?(d.addClass(a.listClass),p.css("display",a.targetDisplayList)):(d.removeClass(a.listClass),p.css("display",a.targetDisplayGrid));a.resizeContainer&&l.css("height",a.origHeight+"px");c={};for(f=0;2>f;f++)j=0==f?j=a.prefix:"",c[j+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,c[j+"filter"]=a.blur+" "+a.grayscale;p.css(c);m.each(function(){var b=this.data,c=e(this);c.hasClass("mix_tohide")?(b.preTX=b.origPos.left-b.hideInterPos.left,b.preTY=b.origPos.top-
b.hideInterPos.top):(b.preTX=b.origPos.left-b.preInterPos.left,b.preTY=b.origPos.top-b.preInterPos.top);for(var d={},f=0;2>f;f++){var j=0==f?j=a.prefix:"";d[j+"transform"]="translate("+b.preTX+"px,"+b.preTY+"px)"}c.css(d)});"list"==a.layoutMode?(d.addClass(a.listClass),d.removeClass(a.gridClass)):(d.addClass(a.gridClass),d.removeClass(a.listClass));setTimeout(function(){if(a.resizeContainer){for(var b={},c=0;2>c;c++){var d=0==c?d=a.prefix:"";b[d+"transition"]="all "+h+"ms ease-in-out";b.height=a.newHeight+
"px"}l.css(b)}v.css("opacity",a.fade);p.css("opacity",1);p.each(function(){var b=this.data;b.tX=b.finalPos.left-b.showInterPos.left;b.tY=b.finalPos.top-b.showInterPos.top;for(var c={},d=0;2>d;d++){var f=0==d?f=a.prefix:"";c[f+"transition-property"]=f+"transform, "+f+"filter, opacity";c[f+"transition-timing-function"]=a.easing+", linear, linear";c[f+"transition-duration"]=h+"ms";c[f+"transition-delay"]="0";c[f+"transform"]="translate("+b.tX+"px,"+b.tY+"px)";c[f+"filter"]="none"}e(this).css("-webkit-transition",
"all "+h+"ms "+a.easingFallback).css(c)});m.each(function(){var b=this.data;b.tX=0!=b.finalPrePos.left?b.finalPrePos.left-b.preInterPos.left:0;b.tY=0!=b.finalPrePos.left?b.finalPrePos.top-b.preInterPos.top:0;for(var c={},d=0;2>d;d++){var f=0==d?f=a.prefix:"";c[f+"transition"]="all "+h+"ms "+a.easing;c[f+"transform"]="translate("+b.tX+"px,"+b.tY+"px)"}e(this).css("-webkit-transition","all "+h+"ms "+a.easingFallback).css(c)});b={};for(c=0;2>c;c++)d=0==c?d=a.prefix:"",b[d+"transition"]="all "+h+"ms "+
a.easing+", "+d+"filter "+h+"ms linear, opacity "+h+"ms linear",b[d+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,b[d+"filter"]=a.blur+" "+a.grayscale,b.opacity=a.fade;v.css(b);l.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(b){if(-1<b.originalEvent.propertyName.indexOf("transform")||-1<b.originalEvent.propertyName.indexOf("opacity"))-1<s.indexOf(".")?e(b.target).hasClass(s.replace(".",""))&&k():e(b.target).is(s)&&k()})},10);a.failsafe=setTimeout(function(){a.mixing&&
k()},h+400)}else{a.resizeContainer&&l.css("height",a.origHeight+"px");if(!window.atob)return k(),!1;v=t;setTimeout(function(){l.css(a.perspective);if(a.resizeContainer){for(var b={},c=0;2>c;c++){var e=0==c?e=a.prefix:"";b[e+"transition"]="height "+h+"ms ease-in-out";b.height=a.minHeight+"px"}l.css(b)}r.css(a.transition);if(t.length){b={};for(c=0;2>c;c++)e=0==c?e=a.prefix:"",b[e+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,b[e+"filter"]=a.blur+" "+a.grayscale,b.opacity=a.fade;v.css(b);
l.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(b){if(-1<b.originalEvent.propertyName.indexOf("transform")||-1<b.originalEvent.propertyName.indexOf("opacity"))d.addClass(a.failClass),k()})}else a.mixing=!1},10)}}function w(c,b,g,d){function a(b,a){var d=isNaN(1*b.attr(c))?b.attr(c).toLowerCase():1*b.attr(c),e=isNaN(1*a.attr(c))?a.attr(c).toLowerCase():1*a.attr(c);return d<e?-1:d>e?1:0}function k(a){"asc"==b?f.prepend(a).prepend(" "):f.append(a).append(" ")}g.find(d.targetSelector).wrapAll('<div class="mix_sorter"/>');
var f=g.find(".mix_sorter");d.origSort.length||f.find(d.targetSelector+":visible").each(function(){e(this).wrap("<s/>");d.origSort.push(e(this).parent().html().replace(/\s+/g,""));e(this).unwrap()});f.empty();if("reset"==c)e.each(d.startOrder,function(){f.append(this).append(" ")});else if("default"==c)e.each(d.origOrder,function(){k(this)});else if("random"==c){if(!d.newOrder.length){for(var h=d.startOrder.slice(),j=h.length,s=j;s--;){var r=parseInt(Math.random()*j),l=h[s];h[s]=h[r];h[r]=l}d.newOrder=
h}e.each(d.newOrder,function(){f.append(this).append(" ")})}else if("custom"==c)e.each(b,function(){k(this)});else{if("undefined"===typeof d.origOrder[0].attr(c))return console.log("No such attribute found. Terminating"),!1;d.newOrder.length||(e.each(d.origOrder,function(){d.newOrder.push(e(this))}),d.newOrder.sort(a));e.each(d.newOrder,function(){k(this)})}d.checkSort=[];f.find(d.targetSelector+":visible").each(function(b){var a=e(this);0==b&&a.attr("data-checksum","1");a.wrap("<s/>");d.checkSort.push(a.parent().html().replace(/\s+/g,
""));a.unwrap()});g.find(d.targetSelector).unwrap()}function y(c){c=c.replace(/\s{2,}/g," ");var b=c.split(" ");e.each(b,function(c){"all"==this&&(b[c]="mix_all")});""==b[0]&&b.shift();return b}var x={init:function(c){return this.each(function(){var b={targetSelector:".mix",filterSelector:".filter",sortSelector:".sort",buttonEvent:"click",effects:["fade","scale"],listEffects:null,easing:"smooth",layoutMode:"grid",targetDisplayGrid:"inline-block",targetDisplayList:"block",listClass:"",gridClass:"",
transitionSpeed:600,showOnLoad:"all",sortOnLoad:!1,multiFilter:!1,filterLogic:"or",resizeContainer:!0,minHeight:0,failClass:"fail",perspectiveDistance:"3000",perspectiveOrigin:"50% 50%",animateGridList:!0,onMixLoad:null,onMixStart:null,onMixEnd:null,container:null,origOrder:[],startOrder:[],newOrder:[],origSort:[],checkSort:[],filter:"",mixing:!1,origDisplay:"",origLayout:"",origHeight:0,newHeight:0,isTouch:!1,resetDelay:0,failsafe:null,prefix:"",easingFallback:"ease-in-out",transition:{},perspective:{},
clean:{},fade:"1",scale:"",rotateX:"",rotateY:"",rotateZ:"",blur:"",grayscale:""};c&&e.extend(b,c);this.config=b;e.support.touch="ontouchend"in document;e.support.touch&&(b.isTouch=!0,b.resetDelay=350);b.container=e(this);var g=b.container,d;a:{d=g[0];for(var a=["Webkit","Moz","O","ms"],k=0;k<a.length;k++)if(a[k]+"Transition"in d.style){d=a[k];break a}d="transition"in d.style?"":!1}b.prefix=d;b.prefix=b.prefix?"-"+b.prefix.toLowerCase()+"-":"";g.find(b.targetSelector).each(function(){b.origOrder.push(e(this))});
if(b.sortOnLoad){var f;e.isArray(b.sortOnLoad)?(d=b.sortOnLoad[0],f=b.sortOnLoad[1],e(b.sortSelector+"[data-sort="+b.sortOnLoad[0]+"][data-order="+b.sortOnLoad[1]+"]").addClass("active")):(e(b.sortSelector+"[data-sort="+b.sortOnLoad+"]").addClass("active"),d=b.sortOnLoad,b.sortOnLoad="desc");w(d,f,g,b)}for(f=0;2>f;f++)d=0==f?d=b.prefix:"",b.transition[d+"transition"]="all "+b.transitionSpeed+"ms ease-in-out",b.perspective[d+"perspective"]=b.perspectiveDistance+"px",b.perspective[d+"perspective-origin"]=
b.perspectiveOrigin;for(f=0;2>f;f++)d=0==f?d=b.prefix:"",b.clean[d+"transition"]="none";"list"==b.layoutMode?(g.addClass(b.listClass),b.origDisplay=b.targetDisplayList):(g.addClass(b.gridClass),b.origDisplay=b.targetDisplayGrid);b.origLayout=b.layoutMode;f=b.showOnLoad.split(" ");e.each(f,function(){e(b.filterSelector+'[data-filter="'+this+'"]').addClass("active")});g.find(b.targetSelector).addClass("mix_all");"all"==f[0]&&(f[0]="mix_all",b.showOnLoad="mix_all");var h=e();e.each(f,function(){h=h.add(e("."+
this))});h.each(function(){var a=e(this);"list"==b.layoutMode?a.css("display",b.targetDisplayList):a.css("display",b.targetDisplayGrid);a.css(b.transition)});setTimeout(function(){b.mixing=!0;h.css("opacity","1");setTimeout(function(){"list"==b.layoutMode?h.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayList,opacity:1}):h.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayGrid,opacity:1});b.mixing=!1;if("function"==typeof b.onMixLoad){var a=b.onMixLoad.call(this,
b);b=a?a:b}},b.transitionSpeed)},10);b.filter=b.showOnLoad;e(b.sortSelector).bind(b.buttonEvent,function(){if(!b.mixing){var a=e(this),c=a.attr("data-sort"),d=a.attr("data-order");if(a.hasClass("active")){if("random"!=c)return!1}else e(b.sortSelector).removeClass("active"),a.addClass("active");g.find(b.targetSelector).each(function(){b.startOrder.push(e(this))});q(b.filter,c,d,g,b)}});e(b.filterSelector).bind(b.buttonEvent,function(){if(!b.mixing){var a=e(this);if(!1==b.multiFilter)e(b.filterSelector).removeClass("active"),
a.addClass("active"),b.filter=a.attr("data-filter"),e(b.filterSelector+'[data-filter="'+b.filter+'"]').addClass("active");else{var c=a.attr("data-filter");a.hasClass("active")?(a.removeClass("active"),b.filter=b.filter.replace(RegExp("(\\s|^)"+c),"")):(a.addClass("active"),b.filter=b.filter+" "+c)}q(b.filter,null,null,g,b)}})})},toGrid:function(){return this.each(function(){var c=this.config;"grid"!=c.layoutMode&&(c.layoutMode="grid",q(c.filter,null,null,e(this),c))})},toList:function(){return this.each(function(){var c=
this.config;"list"!=c.layoutMode&&(c.layoutMode="list",q(c.filter,null,null,e(this),c))})},filter:function(c){return this.each(function(){var b=this.config;b.mixing||(e(b.filterSelector).removeClass("active"),e(b.filterSelector+'[data-filter="'+c+'"]').addClass("active"),q(c,null,null,e(this),b))})},sort:function(c){return this.each(function(){var b=this.config,g=e(this);if(!b.mixing){e(b.sortSelector).removeClass("active");if(e.isArray(c)){var d=c[0],a=c[1];e(b.sortSelector+'[data-sort="'+c[0]+'"][data-order="'+
c[1]+'"]').addClass("active")}else e(b.sortSelector+'[data-sort="'+c+'"]').addClass("active"),d=c,a="desc";g.find(b.targetSelector).each(function(){b.startOrder.push(e(this))});q(b.filter,d,a,g,b)}})},multimix:function(c){return this.each(function(){var b=this.config,g=e(this);multiOut={filter:b.filter,sort:null,order:"desc",layoutMode:b.layoutMode};e.extend(multiOut,c);b.mixing||(e(b.filterSelector).add(b.sortSelector).removeClass("active"),e(b.filterSelector+'[data-filter="'+multiOut.filter+'"]').addClass("active"),
"undefined"!==typeof multiOut.sort&&(e(b.sortSelector+'[data-sort="'+multiOut.sort+'"][data-order="'+multiOut.order+'"]').addClass("active"),g.find(b.targetSelector).each(function(){b.startOrder.push(e(this))})),b.layoutMode=multiOut.layoutMode,q(multiOut.filter,multiOut.sort,multiOut.order,g,b))})},remix:function(c){return this.each(function(){var b=this.config,g=e(this);b.origOrder=[];g.find(b.targetSelector).each(function(){var c=e(this);c.addClass("mix_all");b.origOrder.push(c)});!b.mixing&&"undefined"!==
typeof c&&(e(b.filterSelector).removeClass("active"),e(b.filterSelector+'[data-filter="'+c+'"]').addClass("active"),q(c,null,null,g,b))})}};e.fn.mixitup=function(c,b){if(x[c])return x[c].apply(this,Array.prototype.slice.call(arguments,1));if("object"===typeof c||!c)return x.init.apply(this,arguments)};e.fn.removeStyle=function(c){return this.each(function(){var b=e(this);c=c.replace(/\s+/g,"");var g=c.split(",");e.each(g,function(){var c=RegExp(this.toString()+"[^;]+;?","g");b.attr("style",function(a,
b){if(b)return b.replace(c,"")})})})}})(jQuery);


(function(t){"use strict";function e(t){if(t){if("string"==typeof n[t])return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e,o=0,r=i.length;r>o;o++)if(e=i[o]+t,"string"==typeof n[e])return e}}var i="Webkit Moz ms Ms O".split(" "),n=document.documentElement.style;"function"==typeof define&&define.amd?define(function(){return e}):t.getStyleProperty=e})(window),function(t){"use strict";function e(t){var e=parseFloat(t),i=-1===t.indexOf("%")&&!isNaN(e);return i&&e}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0,i=a.length;i>e;e++){var n=a[e];t[n]=0}return t}function n(t){function n(t){if("string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var n=s(t);if("none"===n.display)return i();var r={};r.width=t.offsetWidth,r.height=t.offsetHeight;for(var u=r.isBorderBox=!(!p||!n[p]||"border-box"!==n[p]),f=0,c=a.length;c>f;f++){var l=a[f],d=n[l];d=o(t,d);var m=parseFloat(d);r[l]=isNaN(m)?0:m}var y=r.paddingLeft+r.paddingRight,g=r.paddingTop+r.paddingBottom,v=r.marginLeft+r.marginRight,_=r.marginTop+r.marginBottom,b=r.borderLeftWidth+r.borderRightWidth,E=r.borderTopWidth+r.borderBottomWidth,L=u&&h,S=e(n.width);S!==!1&&(r.width=S+(L?0:y+b));var T=e(n.height);return T!==!1&&(r.height=T+(L?0:g+E)),r.innerWidth=r.width-(y+b),r.innerHeight=r.height-(g+E),r.outerWidth=r.width+v,r.outerHeight=r.height+_,r}}function o(t,e){if(r||-1===e.indexOf("%"))return e;var i=t.style,n=i.left,o=t.runtimeStyle,s=o&&o.left;return s&&(o.left=t.currentStyle.left),i.left=e,e=i.pixelLeft,i.left=n,s&&(o.left=s),e}var h,p=t("boxSizing");return function(){if(p){var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style[p]="border-box";var i=document.body||document.documentElement;i.appendChild(t);var n=s(t);h=200===e(n.width),i.removeChild(t)}}(),n}var o=document.defaultView,r=o&&o.getComputedStyle,s=r?function(t){return o.getComputedStyle(t,null)}:function(t){return t.currentStyle},a=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof define&&define.amd?define(["get-style-property/get-style-property"],n):t.getSize=n(t.getStyleProperty)}(window),function(t){"use strict";var e=document.documentElement,i=function(){};e.addEventListener?i=function(t,e,i){t.addEventListener(e,i,!1)}:e.attachEvent&&(i=function(e,i,n){e[i+n]=n.handleEvent?function(){var e=t.event;e.target=e.target||e.srcElement,n.handleEvent.call(n,e)}:function(){var i=t.event;i.target=i.target||i.srcElement,n.call(e,i)},e.attachEvent("on"+i,e[i+n])});var n=function(){};e.removeEventListener?n=function(t,e,i){t.removeEventListener(e,i,!1)}:e.detachEvent&&(n=function(t,e,i){t.detachEvent("on"+e,t[e+i]);try{delete t[e+i]}catch(n){t[e+i]=void 0}});var o={bind:i,unbind:n};"function"==typeof define&&define.amd?define(o):t.eventie=o}(this),function(t){"use strict";function e(t){"function"==typeof t&&(e.isReady?t():r.push(t))}function i(t){var i="readystatechange"===t.type&&"complete"!==o.readyState;if(!e.isReady&&!i){e.isReady=!0;for(var n=0,s=r.length;s>n;n++){var a=r[n];a()}}}function n(n){return n.bind(o,"DOMContentLoaded",i),n.bind(o,"readystatechange",i),n.bind(t,"load",i),e}var o=t.document,r=[];e.isReady=!1,"function"==typeof define&&define.amd?(e.isReady="function"==typeof requirejs,define(["eventie/eventie"],n)):t.docReady=n(t.eventie)}(this),function(){"use strict";function t(){}function e(t,e){for(var i=t.length;i--;)if(t[i].listener===e)return i;return-1}function i(t){return function(){return this[t].apply(this,arguments)}}var n=t.prototype;n.getListeners=function(t){var e,i,n=this._getEvents();if("object"==typeof t){e={};for(i in n)n.hasOwnProperty(i)&&t.test(i)&&(e[i]=n[i])}else e=n[t]||(n[t]=[]);return e},n.flattenListeners=function(t){var e,i=[];for(e=0;t.length>e;e+=1)i.push(t[e].listener);return i},n.getListenersAsObject=function(t){var e,i=this.getListeners(t);return i instanceof Array&&(e={},e[t]=i),e||i},n.addListener=function(t,i){var n,o=this.getListenersAsObject(t),r="object"==typeof i;for(n in o)o.hasOwnProperty(n)&&-1===e(o[n],i)&&o[n].push(r?i:{listener:i,once:!1});return this},n.on=i("addListener"),n.addOnceListener=function(t,e){return this.addListener(t,{listener:e,once:!0})},n.once=i("addOnceListener"),n.defineEvent=function(t){return this.getListeners(t),this},n.defineEvents=function(t){for(var e=0;t.length>e;e+=1)this.defineEvent(t[e]);return this},n.removeListener=function(t,i){var n,o,r=this.getListenersAsObject(t);for(o in r)r.hasOwnProperty(o)&&(n=e(r[o],i),-1!==n&&r[o].splice(n,1));return this},n.off=i("removeListener"),n.addListeners=function(t,e){return this.manipulateListeners(!1,t,e)},n.removeListeners=function(t,e){return this.manipulateListeners(!0,t,e)},n.manipulateListeners=function(t,e,i){var n,o,r=t?this.removeListener:this.addListener,s=t?this.removeListeners:this.addListeners;if("object"!=typeof e||e instanceof RegExp)for(n=i.length;n--;)r.call(this,e,i[n]);else for(n in e)e.hasOwnProperty(n)&&(o=e[n])&&("function"==typeof o?r.call(this,n,o):s.call(this,n,o));return this},n.removeEvent=function(t){var e,i=typeof t,n=this._getEvents();if("string"===i)delete n[t];else if("object"===i)for(e in n)n.hasOwnProperty(e)&&t.test(e)&&delete n[e];else delete this._events;return this},n.removeAllListeners=i("removeEvent"),n.emitEvent=function(t,e){var i,n,o,r,s=this.getListenersAsObject(t);for(o in s)if(s.hasOwnProperty(o))for(n=s[o].length;n--;)i=s[o][n],i.once===!0&&this.removeListener(t,i.listener),r=i.listener.apply(this,e||[]),r===this._getOnceReturnValue()&&this.removeListener(t,i.listener);return this},n.trigger=i("emitEvent"),n.emit=function(t){var e=Array.prototype.slice.call(arguments,1);return this.emitEvent(t,e)},n.setOnceReturnValue=function(t){return this._onceReturnValue=t,this},n._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},n._getEvents=function(){return this._events||(this._events={})},"function"==typeof define&&define.amd?define(function(){return t}):"object"==typeof module&&module.exports?module.exports=t:this.EventEmitter=t}.call(this),function(t){"use strict";function e(){}function i(t){function i(e){e.prototype.option||(e.prototype.option=function(e){t.isPlainObject(e)&&(this.options=t.extend(!0,this.options,e))})}function o(e,i){t.fn[e]=function(o){if("string"==typeof o){for(var s=n.call(arguments,1),a=0,h=this.length;h>a;a++){var p=this[a],u=t.data(p,e);if(u)if(t.isFunction(u[o])&&"_"!==o.charAt(0)){var f=u[o].apply(u,s);if(void 0!==f)return f}else r("no such method '"+o+"' for "+e+" instance");else r("cannot call methods on "+e+" prior to initialization; "+"attempted to call '"+o+"'")}return this}return this.each(function(){var n=t.data(this,e);n?(n.option(o),n._init()):(n=new i(this,o),t.data(this,e,n))})}}if(t){var r="undefined"==typeof console?e:function(t){console.error(t)};t.bridget=function(t,e){i(e),o(t,e)}}}var n=Array.prototype.slice;"function"==typeof define&&define.amd?define(["jquery"],i):i(t.jQuery)}(window),function(t,e){"use strict";function i(t,e){return t[a](e)}function n(t){if(!t.parentNode){var e=document.createDocumentFragment();e.appendChild(t)}}function o(t,e){n(t);for(var i=t.parentNode.querySelectorAll(e),o=0,r=i.length;r>o;o++)if(i[o]===t)return!0;return!1}function r(t,e){return n(t),i(t,e)}var s,a=function(){if(e.matchesSelector)return"matchesSelector";for(var t=["webkit","moz","ms","o"],i=0,n=t.length;n>i;i++){var o=t[i],r=o+"MatchesSelector";if(e[r])return r}}();if(a){var h=document.createElement("div"),p=i(h,"div");s=p?i:r}else s=o;"function"==typeof define&&define.amd?define(function(){return s}):window.matchesSelector=s}(this,Element.prototype),function(t){"use strict";function e(t,e){for(var i in e)t[i]=e[i];return t}function i(t){for(var e in t)return!1;return e=null,!0}function n(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()})}function o(t,o,r){function a(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}var h=r("transition"),p=r("transform"),u=h&&p,f=!!r("perspective"),c={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend",transition:"transitionend"}[h],l=["transform","transition","transitionDuration","transitionProperty"],d=function(){for(var t={},e=0,i=l.length;i>e;e++){var n=l[e],o=r(n);o&&o!==n&&(t[n]=o)}return t}();e(a.prototype,t.prototype),a.prototype._create=function(){this._transition={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},a.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},a.prototype.getSize=function(){this.size=o(this.element)},a.prototype.css=function(t){var e=this.element.style;for(var i in t){var n=d[i]||i;e[n]=t[i]}},a.prototype.getPosition=function(){var t=s(this.element),e=this.layout.options,i=e.isOriginLeft,n=e.isOriginTop,o=parseInt(t[i?"left":"right"],10),r=parseInt(t[n?"top":"bottom"],10);o=isNaN(o)?0:o,r=isNaN(r)?0:r;var a=this.layout.size;o-=i?a.paddingLeft:a.paddingRight,r-=n?a.paddingTop:a.paddingBottom,this.position.x=o,this.position.y=r},a.prototype.layoutPosition=function(){var t=this.layout.size,e=this.layout.options,i={};e.isOriginLeft?(i.left=this.position.x+t.paddingLeft+"px",i.right=""):(i.right=this.position.x+t.paddingRight+"px",i.left=""),e.isOriginTop?(i.top=this.position.y+t.paddingTop+"px",i.bottom=""):(i.bottom=this.position.y+t.paddingBottom+"px",i.top=""),this.css(i),this.emitEvent("layout",[this])};var m=f?function(t,e){return"translate3d("+t+"px, "+e+"px, 0)"}:function(t,e){return"translate("+t+"px, "+e+"px)"};a.prototype._transitionTo=function(t,e){this.getPosition();var i=this.position.x,n=this.position.y,o=parseInt(t,10),r=parseInt(e,10),s=o===this.position.x&&r===this.position.y;if(this.setPosition(t,e),s&&!this.isTransitioning)return this.layoutPosition(),void 0;var a=t-i,h=e-n,p={},u=this.layout.options;a=u.isOriginLeft?a:-a,h=u.isOriginTop?h:-h,p.transform=m(a,h),this.transition({to:p,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},a.prototype.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},a.prototype.moveTo=u?a.prototype._transitionTo:a.prototype.goTo,a.prototype.setPosition=function(t,e){this.position.x=parseInt(t,10),this.position.y=parseInt(e,10)},a.prototype._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to);for(var e in t.onTransitionEnd)t.onTransitionEnd[e].call(this)},a.prototype._transition=function(t){if(!parseFloat(this.layout.options.transitionDuration))return this._nonTransition(t),void 0;var e=this._transition;for(var i in t.onTransitionEnd)e.onEnd[i]=t.onTransitionEnd[i];for(i in t.to)e.ingProperties[i]=!0,t.isCleaning&&(e.clean[i]=!0);if(t.from){this.css(t.from);var n=this.element.offsetHeight;n=null}this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0};var y=p&&n(p)+",opacity";a.prototype.enableTransition=function(){this.isTransitioning||(this.css({transitionProperty:y,transitionDuration:this.layout.options.transitionDuration}),this.element.addEventListener(c,this,!1))},a.prototype.transition=a.prototype[h?"_transition":"_nonTransition"],a.prototype.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},a.prototype.onotransitionend=function(t){this.ontransitionend(t)};var g={"-webkit-transform":"transform","-moz-transform":"transform","-o-transform":"transform"};a.prototype.ontransitionend=function(t){if(t.target===this.element){var e=this._transition,n=g[t.propertyName]||t.propertyName;if(delete e.ingProperties[n],i(e.ingProperties)&&this.disableTransition(),n in e.clean&&(this.element.style[t.propertyName]="",delete e.clean[n]),n in e.onEnd){var o=e.onEnd[n];o.call(this),delete e.onEnd[n]}this.emitEvent("transitionEnd",[this])}},a.prototype.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(c,this,!1),this.isTransitioning=!1},a.prototype._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var v={transitionProperty:"",transitionDuration:""};return a.prototype.removeTransitionStyles=function(){this.css(v)},a.prototype.removeElem=function(){this.element.parentNode.removeChild(this.element),this.emitEvent("remove",[this])},a.prototype.remove=function(){if(!h||!parseFloat(this.layout.options.transitionDuration))return this.removeElem(),void 0;var t=this;this.on("transitionEnd",function(){return t.removeElem(),!0}),this.hide()},a.prototype.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options;this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0})},a.prototype.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options;this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:{opacity:function(){this.css({display:"none"})}}})},a.prototype.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},a}var r=document.defaultView,s=r&&r.getComputedStyle?function(t){return r.getComputedStyle(t,null)}:function(t){return t.currentStyle};"function"==typeof define&&define.amd?define(["eventEmitter/EventEmitter","get-size/get-size","get-style-property/get-style-property"],o):(t.Outlayer={},t.Outlayer.Item=o(t.EventEmitter,t.getSize,t.getStyleProperty))}(window),function(t){"use strict";function e(t,e){for(var i in e)t[i]=e[i];return t}function i(t){return"[object Array]"===f.call(t)}function n(t){var e=[];if(i(t))e=t;else if(t&&"number"==typeof t.length)for(var n=0,o=t.length;o>n;n++)e.push(t[n]);else e.push(t);return e}function o(t,e){var i=l(e,t);-1!==i&&e.splice(i,1)}function r(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()}function s(i,s,f,l,d,m){function y(t,i){if("string"==typeof t&&(t=a.querySelector(t)),!t||!c(t))return h&&h.error("Bad "+this.settings.namespace+" element: "+t),void 0;this.element=t,this.options=e({},this.options),this.option(i);var n=++v;this.element.outlayerGUID=n,_[n]=this,this._create(),this.options.isInitLayout&&this.layout()}function g(t,i){t.prototype[i]=e({},y.prototype[i])}var v=0,_={};return y.prototype.settings={namespace:"outlayer",item:m},y.prototype.options={containerStyle:{position:"relative"},isInitLayout:!0,isOriginLeft:!0,isOriginTop:!0,isResizeBound:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}},e(y.prototype,f.prototype),y.prototype.option=function(t){e(this.options,t)},y.prototype._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),e(this.element.style,this.options.containerStyle),this.options.isResizeBound&&this.bindResize()},y.prototype.reloadItems=function(){this.items=this._itemize(this.element.children)},y.prototype._itemize=function(t){for(var e=this._filterFindItemElements(t),i=this.settings.item,n=[],o=0,r=e.length;r>o;o++){var s=e[o],a=new i(s,this);n.push(a)}return n},y.prototype._filterFindItemElements=function(t){t=n(t);for(var e=this.options.itemSelector,i=[],o=0,r=t.length;r>o;o++){var s=t[o];if(c(s))if(e){d(s,e)&&i.push(s);for(var a=s.querySelectorAll(e),h=0,p=a.length;p>h;h++)i.push(a[h])}else i.push(s)}return i},y.prototype.getItemElements=function(){for(var t=[],e=0,i=this.items.length;i>e;e++)t.push(this.items[e].element);return t},y.prototype.layout=function(){this._resetLayout(),this._manageStamps();var t=void 0!==this.options.isLayoutInstant?this.options.isLayoutInstant:!this._isLayoutInited;this.layoutItems(this.items,t),this._isLayoutInited=!0},y.prototype._init=y.prototype.layout,y.prototype._resetLayout=function(){this.getSize()},y.prototype.getSize=function(){this.size=l(this.element)},y.prototype._getMeasurement=function(t,e){var i,n=this.options[t];n?("string"==typeof n?i=this.element.querySelector(n):c(n)&&(i=n),this[t]=i?l(i)[e]:n):this[t]=0},y.prototype.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},y.prototype._getItemsForLayout=function(t){for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i];o.isIgnored||e.push(o)}return e},y.prototype._layoutItems=function(t,e){if(!t||!t.length)return this.emitEvent("layoutComplete",[this,t]),void 0;this._itemsOn(t,"layout",function(){this.emitEvent("layoutComplete",[this,t])});for(var i=[],n=0,o=t.length;o>n;n++){var r=t[n],s=this._getItemLayoutPosition(r);s.item=r,s.isInstant=e,i.push(s)}this._processLayoutQueue(i)},y.prototype._getItemLayoutPosition=function(){return{x:0,y:0}},y.prototype._processLayoutQueue=function(t){for(var e=0,i=t.length;i>e;e++){var n=t[e];this._positionItem(n.item,n.x,n.y,n.isInstant)}},y.prototype._positionItem=function(t,e,i,n){n?t.goTo(e,i):t.moveTo(e,i)},y.prototype._postLayout=function(){var t=this._getContainerSize();t&&(this._setContainerMeasure(t.width,!0),this._setContainerMeasure(t.height,!1))},y.prototype._getContainerSize=u,y.prototype._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},y.prototype._itemsOn=function(t,e,i){function n(){return o++,o===r&&i.call(s),!0}for(var o=0,r=t.length,s=this,a=0,h=t.length;h>a;a++){var p=t[a];p.on(e,n)}},y.prototype.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},y.prototype.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},y.prototype.stamp=function(t){if(t=this._find(t)){this.stamps=this.stamps.concat(t);for(var e=0,i=t.length;i>e;e++){var n=t[e];this.ignore(n)}}},y.prototype.unstamp=function(t){if(t=this._find(t))for(var e=0,i=t.length;i>e;e++){var n=t[e];o(n,this.stamps),this.unignore(n)}},y.prototype._find=function(t){return t?("string"==typeof t&&(t=this.element.querySelectorAll(t)),t=n(t)):void 0},y.prototype._manageStamps=function(){if(this.stamps&&this.stamps.length){this._getBoundingRect();for(var t=0,e=this.stamps.length;e>t;t++){var i=this.stamps[t];this._manageStamp(i)}}},y.prototype._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},y.prototype._manageStamp=u,y.prototype._getElementOffset=function(t){var e=t.getBoundingClientRect(),i=this._boundingRect,n=l(t),o={left:e.left-i.left-n.marginLeft,top:e.top-i.top-n.marginTop,right:i.right-e.right-n.marginRight,bottom:i.bottom-e.bottom-n.marginBottom};return o},y.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},y.prototype.bindResize=function(){this.isResizeBound||(i.bind(t,"resize",this),this.isResizeBound=!0)},y.prototype.unbindResize=function(){i.unbind(t,"resize",this),this.isResizeBound=!1},y.prototype.onresize=function(){function t(){e.resize(),delete e.resizeTimeout}this.resizeTimeout&&clearTimeout(this.resizeTimeout);var e=this;this.resizeTimeout=setTimeout(t,100)},y.prototype.resize=function(){var t=l(this.element),e=this.size&&t;e&&t.innerWidth===this.size.innerWidth||this.layout()},y.prototype.addItems=function(t){var e=this._itemize(t);return e.length&&(this.items=this.items.concat(e)),e},y.prototype.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},y.prototype.prepended=function(t){var e=this._itemize(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this._manageStamps(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},y.prototype.reveal=function(t){if(t&&t.length)for(var e=0,i=t.length;i>e;e++){var n=t[e];n.reveal()}},y.prototype.hide=function(t){if(t&&t.length)for(var e=0,i=t.length;i>e;e++){var n=t[e];n.hide()}},y.prototype.getItem=function(t){for(var e=0,i=this.items.length;i>e;e++){var n=this.items[e];if(n.element===t)return n}},y.prototype.getItems=function(t){if(t&&t.length){for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i],r=this.getItem(o);r&&e.push(r)}return e}},y.prototype.remove=function(t){t=n(t);var e=this.getItems(t);if(e&&e.length){this._itemsOn(e,"remove",function(){this.emitEvent("removeComplete",[this,e])});for(var i=0,r=e.length;r>i;i++){var s=e[i];s.remove(),o(s,this.items)}}},y.prototype.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="";for(var e=0,i=this.items.length;i>e;e++){var n=this.items[e];n.destroy()}this.unbindResize(),delete this.element.outlayerGUID,p&&p.removeData(this.element,this.settings.namespace)},y.data=function(t){var e=t&&t.outlayerGUID;return e&&_[e]},y.create=function(t,i){function n(){y.apply(this,arguments)}return e(n.prototype,y.prototype),g(n,"options"),g(n,"settings"),e(n.prototype.options,i),n.prototype.settings.namespace=t,n.data=y.data,n.Item=function(){m.apply(this,arguments)},n.Item.prototype=new m,n.prototype.settings.item=n.Item,s(function(){for(var e=r(t),i=a.querySelectorAll(".js-"+e),o="data-"+e+"-options",s=0,u=i.length;u>s;s++){var f,c=i[s],l=c.getAttribute(o);try{f=l&&JSON.parse(l)}catch(d){h&&h.error("Error parsing "+o+" on "+c.nodeName.toLowerCase()+(c.id?"#"+c.id:"")+": "+d);continue}var m=new n(c,f);p&&p.data(c,t,m)}}),p&&p.bridget&&p.bridget(t,n),n},y.Item=m,y}var a=t.document,h=t.console,p=t.jQuery,u=function(){},f=Object.prototype.toString,c="object"==typeof HTMLElement?function(t){return t instanceof HTMLElement}:function(t){return t&&"object"==typeof t&&1===t.nodeType&&"string"==typeof t.nodeName},l=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++)if(t[i]===e)return i;return-1};"function"==typeof define&&define.amd?define(["eventie/eventie","doc-ready/doc-ready","eventEmitter/EventEmitter","get-size/get-size","matches-selector/matches-selector","./item"],s):t.Outlayer=s(t.eventie,t.docReady,t.EventEmitter,t.getSize,t.matchesSelector,t.Outlayer.Item)}(window),function(t){"use strict";function e(t,e){var n=t.create("masonry");return n.prototype._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns();var t=this.cols;for(this.colYs=[];t--;)this.colYs.push(0);this.maxY=0},n.prototype.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],i=t&&t.element;this.columnWidth=i&&e(i).outerWidth||this.containerWidth}this.columnWidth+=this.gutter,this.cols=Math.floor((this.containerWidth+this.gutter)/this.columnWidth),this.cols=Math.max(this.cols,1)},n.prototype.getContainerWidth=function(){var t=this.options.isFitWidth?this.element.parentNode:this.element,i=e(t);this.containerWidth=i&&i.innerWidth},n.prototype._getItemLayoutPosition=function(t){t.getSize();var e=Math.ceil(t.size.outerWidth/this.columnWidth);e=Math.min(e,this.cols);for(var n=this._getColGroup(e),o=Math.min.apply(Math,n),r=i(n,o),s={x:this.columnWidth*r,y:o},a=o+t.size.outerHeight,h=this.cols+1-n.length,p=0;h>p;p++)this.colYs[r+p]=a;return s},n.prototype._getColGroup=function(t){if(2>t)return this.colYs;for(var e=[],i=this.cols+1-t,n=0;i>n;n++){var o=this.colYs.slice(n,n+t);e[n]=Math.max.apply(Math,o)}return e},n.prototype._manageStamp=function(t){var i=e(t),n=this._getElementOffset(t),o=this.options.isOriginLeft?n.left:n.right,r=o+i.outerWidth,s=Math.floor(o/this.columnWidth);s=Math.max(0,s);var a=Math.floor(r/this.columnWidth);a=Math.min(this.cols-1,a);for(var h=(this.options.isOriginTop?n.top:n.bottom)+i.outerHeight,p=s;a>=p;p++)this.colYs[p]=Math.max(h,this.colYs[p])},n.prototype._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this.options.isFitWidth&&(t.width=this._getContainerFitWidth()),t},n.prototype._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},n.prototype.resize=function(){var t=this.containerWidth;this.getContainerWidth(),t!==this.containerWidth&&this.layout()},n}var i=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++){var o=t[i];if(o===e)return i}return-1};"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size"],e):t.Masonry=e(t.Outlayer,t.getSize)}(window);

"use strict";(function(e){"function"==typeof define&&define.amd?define(["jquery"],e):e(jQuery)})(function(e){var r={wheelSpeed:10,wheelPropagation:!1,minScrollbarLength:null,useBothWheelAxes:!1,useKeyboard:!0};e.fn.perfectScrollbar=function(o,t){return this.each(function(){var l=e.extend(!0,{},r),n=e(this);if("object"==typeof o?e.extend(!0,l,o):t=o,"update"===t)return n.data("perfect-scrollbar-update")&&n.data("perfect-scrollbar-update")(),n;if("destroy"===t)return n.data("perfect-scrollbar-destroy")&&n.data("perfect-scrollbar-destroy")(),n;if(n.data("perfect-scrollbar"))return n.data("perfect-scrollbar");n.addClass("ps-container");var s,c,a,i,p,f,u,d,b,h,v=e("<div class='ps-scrollbar-x-rail'></div>").appendTo(n),g=e("<div class='ps-scrollbar-y-rail'></div>").appendTo(n),m=e("<div class='ps-scrollbar-x'></div>").appendTo(v),w=e("<div class='ps-scrollbar-y'></div>").appendTo(g),T=parseInt(v.css("bottom"),10),L=parseInt(g.css("right"),10),y=function(){var e=parseInt(h*(f-i)/(i-b),10);n.scrollTop(e),v.css({bottom:T-e})},I=function(){var e=parseInt(d*(p-a)/(a-u),10);n.scrollLeft(e),g.css({right:L-e})},D=function(e){return l.minScrollbarLength&&(e=Math.max(e,l.minScrollbarLength)),e},S=function(){v.css({left:n.scrollLeft(),bottom:T-n.scrollTop(),width:a}),g.css({top:n.scrollTop(),right:L-n.scrollLeft(),height:i}),m.css({left:d,width:u}),w.css({top:h,height:b})},x=function(){a=n.width(),i=n.height(),p=n.prop("scrollWidth"),f=n.prop("scrollHeight"),p>a?(s=!0,u=D(parseInt(a*a/p,10)),d=parseInt(n.scrollLeft()*(a-u)/(p-a),10)):(s=!1,u=0,d=0,n.scrollLeft(0)),f>i?(c=!0,b=D(parseInt(i*i/f,10)),h=parseInt(n.scrollTop()*(i-b)/(f-i),10)):(c=!1,b=0,h=0,n.scrollTop(0)),h>=i-b&&(h=i-b),d>=a-u&&(d=a-u),S()},C=function(e,r){var o=e+r,t=a-u;d=0>o?0:o>t?t:o,v.css({left:n.scrollLeft()}),m.css({left:d})},P=function(e,r){var o=e+r,t=i-b;h=0>o?0:o>t?t:o,g.css({top:n.scrollTop()}),w.css({top:h})},k=function(){var r,o;m.bind("mousedown.perfect-scrollbar",function(e){o=e.pageX,r=m.position().left,v.addClass("in-scrolling"),e.stopPropagation(),e.preventDefault()}),e(document).bind("mousemove.perfect-scrollbar",function(e){v.hasClass("in-scrolling")&&(I(),C(r,e.pageX-o),e.stopPropagation(),e.preventDefault())}),e(document).bind("mouseup.perfect-scrollbar",function(){v.hasClass("in-scrolling")&&v.removeClass("in-scrolling")}),r=o=null},X=function(){var r,o;w.bind("mousedown.perfect-scrollbar",function(e){o=e.pageY,r=w.position().top,g.addClass("in-scrolling"),e.stopPropagation(),e.preventDefault()}),e(document).bind("mousemove.perfect-scrollbar",function(e){g.hasClass("in-scrolling")&&(y(),P(r,e.pageY-o),e.stopPropagation(),e.preventDefault())}),e(document).bind("mouseup.perfect-scrollbar",function(){g.hasClass("in-scrolling")&&g.removeClass("in-scrolling")}),r=o=null},Y=function(){var e=function(e,r){var o=n.scrollTop();if(0===o&&r>0&&0===e)return!l.wheelPropagation;if(o>=f-i&&0>r&&0===e)return!l.wheelPropagation;var t=n.scrollLeft();return 0===t&&0>e&&0===r?!l.wheelPropagation:t>=p-a&&e>0&&0===r?!l.wheelPropagation:!0},r=!1;n.bind("mousewheel.perfect-scrollbar",function(o,t,a,i){l.useBothWheelAxes?c&&!s?i?n.scrollTop(n.scrollTop()-i*l.wheelSpeed):n.scrollTop(n.scrollTop()+a*l.wheelSpeed):s&&!c&&(a?n.scrollLeft(n.scrollLeft()+a*l.wheelSpeed):n.scrollLeft(n.scrollLeft()-i*l.wheelSpeed)):(n.scrollTop(n.scrollTop()-i*l.wheelSpeed),n.scrollLeft(n.scrollLeft()+a*l.wheelSpeed)),x(),r=e(a,i),r&&o.preventDefault()}),n.bind("MozMousePixelScroll.perfect-scrollbar",function(e){r&&e.preventDefault()})},M=function(){var r=function(e,r){var o=n.scrollTop();if(0===o&&r>0&&0===e)return!1;if(o>=f-i&&0>r&&0===e)return!1;var t=n.scrollLeft();return 0===t&&0>e&&0===r?!1:t>=p-a&&e>0&&0===r?!1:!0},o=!1;n.bind("mouseenter.perfect-scrollbar",function(){o=!0}),n.bind("mouseleave.perfect-scrollbar",function(){o=!1});var t=!1;e(document).bind("keydown.perfect-scrollbar",function(e){if(o){var s=0,c=0;switch(e.which){case 37:s=-3;break;case 38:c=3;break;case 39:s=3;break;case 40:c=-3;break;default:return}n.scrollTop(n.scrollTop()-c*l.wheelSpeed),n.scrollLeft(n.scrollLeft()+s*l.wheelSpeed),x(),t=r(s,c),t&&e.preventDefault()}})},E=function(){var e=function(e){e.stopPropagation()};w.bind("click.perfect-scrollbar",e),g.bind("click.perfect-scrollbar",function(e){var r=parseInt(b/2,10),o=e.pageY-g.offset().top-r,t=i-b,l=o/t;0>l?l=0:l>1&&(l=1),n.scrollTop((f-i)*l),x()}),m.bind("click.perfect-scrollbar",e),v.bind("click.perfect-scrollbar",function(e){var r=parseInt(u/2,10),o=e.pageX-v.offset().left-r,t=a-u,l=o/t;0>l?l=0:l>1&&(l=1),n.scrollLeft((p-a)*l),x()})},A=function(){var r=function(e,r){n.scrollTop(n.scrollTop()-r),n.scrollLeft(n.scrollLeft()-e),x()},o={},t=0,l={},s=null,c=!1;e(window).bind("touchstart.perfect-scrollbar",function(){c=!0}),e(window).bind("touchend.perfect-scrollbar",function(){c=!1}),n.bind("touchstart.perfect-scrollbar",function(e){var r=e.originalEvent.targetTouches[0];o.pageX=r.pageX,o.pageY=r.pageY,t=(new Date).getTime(),null!==s&&clearInterval(s),e.stopPropagation()}),n.bind("touchmove.perfect-scrollbar",function(e){if(!c&&1===e.originalEvent.targetTouches.length){var n=e.originalEvent.targetTouches[0],s={};s.pageX=n.pageX,s.pageY=n.pageY;var a=s.pageX-o.pageX,i=s.pageY-o.pageY;r(a,i),o=s;var p=(new Date).getTime();l.x=a/(p-t),l.y=i/(p-t),t=p,e.preventDefault()}}),n.bind("touchend.perfect-scrollbar",function(){clearInterval(s),s=setInterval(function(){return.01>Math.abs(l.x)&&.01>Math.abs(l.y)?(clearInterval(s),void 0):(r(30*l.x,30*l.y),l.x*=.8,l.y*=.8,void 0)},10)})},j=function(){n.unbind(".perfect-scrollbar"),e(window).unbind(".perfect-scrollbar"),e(document).unbind(".perfect-scrollbar"),n.data("perfect-scrollbar",null),n.data("perfect-scrollbar-update",null),n.data("perfect-scrollbar-destroy",null),m.remove(),w.remove(),v.remove(),g.remove(),m=w=a=i=p=f=u=d=T=b=h=L=null},W=function(r){n.addClass("ie").addClass("ie"+r);var o=function(){var r=function(){e(this).addClass("hover")},o=function(){e(this).removeClass("hover")};n.bind("mouseenter.perfect-scrollbar",r).bind("mouseleave.perfect-scrollbar",o),v.bind("mouseenter.perfect-scrollbar",r).bind("mouseleave.perfect-scrollbar",o),g.bind("mouseenter.perfect-scrollbar",r).bind("mouseleave.perfect-scrollbar",o),m.bind("mouseenter.perfect-scrollbar",r).bind("mouseleave.perfect-scrollbar",o),w.bind("mouseenter.perfect-scrollbar",r).bind("mouseleave.perfect-scrollbar",o)},t=function(){S=function(){m.css({left:d+n.scrollLeft(),bottom:T,width:u}),w.css({top:h+n.scrollTop(),right:L,height:b}),m.hide().show(),w.hide().show()},y=function(){var e=parseInt(h*f/i,10);n.scrollTop(e),m.css({bottom:T}),m.hide().show()},I=function(){var e=parseInt(d*p/a,10);n.scrollLeft(e),w.hide().show()}};6===r&&(o(),t())},H="ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,B=function(){var e=navigator.userAgent.toLowerCase().match(/(msie) ([\w.]+)/);e&&"msie"===e[1]&&W(parseInt(e[2],10)),x(),k(),X(),E(),H&&A(),n.mousewheel&&Y(),l.useKeyboard&&M(),n.data("perfect-scrollbar",n),n.data("perfect-scrollbar-update",x),n.data("perfect-scrollbar-destroy",j)};return B(),n})}}),function(e){function r(r){var o=r||window.event,t=[].slice.call(arguments,1),l=0,n=0,s=0;return r=e.event.fix(o),r.type="mousewheel",o.wheelDelta&&(l=o.wheelDelta/120),o.detail&&(l=-o.detail/3),s=l,void 0!==o.axis&&o.axis===o.HORIZONTAL_AXIS&&(s=0,n=-1*l),void 0!==o.wheelDeltaY&&(s=o.wheelDeltaY/120),void 0!==o.wheelDeltaX&&(n=-1*o.wheelDeltaX/120),t.unshift(r,l,n,s),(e.event.dispatch||e.event.handle).apply(this,t)}var o=["DOMMouseScroll","mousewheel"];if(e.event.fixHooks)for(var t=o.length;t;)e.event.fixHooks[o[--t]]=e.event.mouseHooks;e.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var e=o.length;e;)this.addEventListener(o[--e],r,!1);else this.onmousewheel=r},teardown:function(){if(this.removeEventListener)for(var e=o.length;e;)this.removeEventListener(o[--e],r,!1);else this.onmousewheel=null}},e.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}})}(jQuery);
// ]]>
   </script></b:if>
  </body></html>
